body 
{
    font-family:Arial;
    font-size:12px;
}

/* ---------------------------

     Estilos caja central login

---------------------- */
.cajauser
{    margin-left: 52px;
}
.cajapwd
{    margin-left: 24px;
    margin-top: 12px;
}
.lbllogin
{    font-weight: 700;
    font-size: small;
}
.txtlogin
{
    position:absolute;
    margin-left:30%;
    margin-top:-30px;
    font-weight: 700;
    font-size:  medium;
    z-index:10;
}

.btnloginenviar
{
    position:relative;
     margin-bottom:10px;
    top: 20px;
    left: 225px;
    height: 42px;
}

.btnlogincancelar
{
      position:relative;
     margin-bottom:10px;
    top: 19px;
    left: 66px;
    height: 42px;
}

.zonalogin
{
    position:relative;
    margin-left:30%;
    margin-top:300px;
    width:300px;
    height:125px;
    background-color:#eeeeee;
    padding: 10px 10px 10px 10px;
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid solid;
    border-width: 1px 1px 1px  thin;
    top: 0px;
    left: 0px;
}

/*  ++++++++++++++

        Estilos Menu
    +++++++++++++
*/

.zonamenu
{
   /* background-image:linear-gradient(to left,#ffffff,#000000);*/
    position:absolute;
    top:5px;
    left:70px;
    width:85%;
    height:10px;
   border:0px noned #666;
   padding:25px 10px 25px 10px;
   
   /* filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#6699cc', EndColorStr='#FFFFFF',gradienttype='1');*/
     background-image: url(../imagenes/cabecera1.jpg); 
   
    background-attachment:fixed; 
    background-repeat: no-repeat;

}

.menu
{
   /* background-image:linear-gradient(to left,#ffffff,#000000);*/
    position:absolute;
    top:20px;
    left:10px;
  
   
 
}

.lblmenu
{
    position:relative;
    margin-left:20px;
    left:0px;
    top:20px;
    text-align:left;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
    COLOR: #330092; 
    FONT-SIZE: 11px; 
    FONT-WEIGHT: bold; 
    WORD-SPACING: 0em; 
    TEXT-DECORATION: none
     
}

.lblmenu:hover
{
    color: #ff9900;
}

.lbltitulo
{
    position:absolute;
    left:30px;
    top:5px;
    text-align:left;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
    COLOR: #ffffff; 
    FONT-SIZE:20px; 
    FONT-WEIGHT:bold; 
    WORD-SPACING: 0em; 
    TEXT-DECORATION: none;
       
}

.zonagrid
{
    position:absolute;
    top:100px;
    left:10px;
    width:70%;
}

.enlaceselector
{
     width:350px;
     margin-top:5px;
     padding-top:3px;
     padding-bottom:3px;
     text-align:left;
     border-radius:10px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
    COLOR: #ffffff; 
    background-color:#092E7B;
    FONT-SIZE: 14px; 
    /*FONT-WEIGHT: bold; */
    WORD-SPACING: 0em; 
    TEXT-DECORATION: none;
}

.lbdistribuidor
{
    position:absolute;
    top:280px;
    left:200px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
    FONT-SIZE: 14px; 
    FONT-WEIGHT: bold;
    WORD-SPACING: 0em; 
    TEXT-DECORATION: none;
}

.zonagridselector
{
    position:absolute;
    top:300px;
    left:200px;
    width:300px;
}

.logodistribuidor
{
     position:absolute;
    top:100px;
    left:200px;
    width:300px;
    height:150px;
}

.lnknuevo
{
    position:absolute;
    top:0px;
    left: 450px;
    padding:2px 2px 2px 2px;
    color:#ffffff;
    background:#336699;
    font-style:arial;
    font-weight:bold;
    text-decoration:none;
}

.lnknuevo:hover
{
    color: #ff9900;
}

.lnkgrid
{
     position:relative;
     margin-left:10px;
     text-decoration:none;
     font-weight:bold;
     font-size:12px;
     
}

.lnkgrid:hover
{
     color: #ff9900;
}

/*----- Estilos edición ----*/
.dropedit
{
    position:absolute;
    left:  500px; 
    width:150px;
    background-color:#99DDFF;
    padding: 2px 2px 2px 2px;
    font-weight:bold;
}



.boxedit
{
    position:absolute;
    left:  500px; 
    top:-5px;
    background-color:#7799FF; /*#DDFFDD;*/
    font-weight:bold;
}

.btnedit
{
    position:absolute;
    left:  655px; 
    width:10px;
    height:20px;
    background-color:#77AA77;
    font-weight:bold;
}

.boxeditfijo
{
    position:absolute;
    left:  500px; 
    background-color:#DDDDDD;
    color:#4444FF;
    font-weight:bold;
    
}

.boxediterror
{
    position:absolute;
    left:  500px; 
    background-color:#FF9999;
    color:#4444FF;
    font-weight:bold;
    
}



.lbid
{
    position:absolute;
    margin-left:  10px; 
    color:#000000;
    font-weight:bold;
}

.lbhide
{
     visibility:hidden;   
}

.lb
{
    position:absolute;
    left:  60px; 
    color:#333333;
    width:400px;
}

.lbunidad
{
    position:absolute;
    left:  650px; 
    color:#333333;
   /* width:400px;*/
}

.zona label
{
    background-color:#999999;
   
}

.paneledit
{
      height:15px;
      background-color:#eeeeee;
}

.btnguardar
{
    height:50px;
    width:50px;
    position:fixed;
    top:180px;
    left:750px;   
    z-index:10;
}

.lberror
{
    height:100px;
    width:200px;
    position:fixed;
    font-size:12px;
    font-weight:bold;
    background-color:#FFFFDD;
    color:#FF9999;
    top:280px;
    left:750px;   
    padding: 10px 10px 10px 10px;
}


.lbtxtnumhistoria
{
    position:absolute;
    top:100px;
    left:  40px; 
    color:#333333;
    width:100px;
}


.lbnumhistoria
{
    position:absolute;
    top:200px;
    left:  80px; 
    color:#333333;
    width:250px;
    background-color:#33FF33;
    font-family:Arial;
    font-size:x-large;
    font-weight:bold;
}





/*  ------- HOME ----  */
.imghome
{
    position:absolute;
    margin-left:100px;
    top:60px;
    /*width:200px;
    height:200px;*/
}

.imghandleft
{
    position:absolute;
    left:0px;
    top:0px;
    width:64px;
    height:64px;
}

.imghandright
{
    position:absolute;
    right:64px;
    top:0px;
    width:64px;
    height:64px;
}

.imgSeep
{
    position:absolute;
    right:100px;
    bottom:1%;
}

.imgapp
{
    position:absolute;
    right:140px;
    top:5px;
}

.lblnombre
{
    position:absolute;
    left:100px;
    top:70px;
    width:400px;
    height:20px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
    FONT-SIZE: 11px; 
    WORD-SPACING: 0em; 
    TEXT-DECORATION: none;
}

.zonapie
{
    position:absolute;
    margin-left:400px;
    top:600px;
    font-family:Arial;
    font-size:small;
    font-weight:bold;
    
     width:400px;
     height:60px;
}



.btn_nuevo 
{
    position:absolute;
    top:-5px;
    left: 90px;
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
	background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background-color:#3d94f6;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	border-bottom-left-radius:20px;
	text-indent:0;
	border:2px solid #337fed;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	font-style:normal;
	height:26px;
	line-height:26px;
	width:131px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #1570cd;
}
.btn_nuevo:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
	background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	background-color:#1e62d0;
}


.btn_edit 
{
    position:absolute;
    top:-5px;
    left: 600px;
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3df694), color-stop(1, #1e62d0) );
	background:-moz-linear-gradient( center top, #3df694 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background-color:#3df694;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	border-bottom-left-radius:20px;
	text-indent:0;
	border:2px solid #337fed;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	font-style:normal;
	height:26px;
	line-height:26px;
	width:131px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #1570cd;
}
.btn_edit:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
	background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	background-color:#1e62d0;
}




.lblinstr1
{
    position:absolute;
    margin-left:30%;
    margin-top:220px;
    width:450px;
    height:125px;
    font-weight:bold;
    font-size:14px;
}




/* ---------------------------*/
/*   Bloque edición campo*/
.zonaedit 
{
    background-color:#888888;
  height:200px;
    width:250px;
    position:fixed;
    top:280px;
    left:550px;   
    z-index:10;
}

.iframeupload
{
    border:0 solid #000000;
}

/*------------------*/
.uplb1
{
    position:absolute;
    left:10px;
    top:20px;
}

.uplb2
{
    position:absolute;
    left:10px;
    top:60px;
}

.uplb3
{
    position:absolute;
    left:100px;
    top:120px;
    color:#00AA77;
}

.upfile
{
    position:absolute;
    left:100px;
    top:20px;
}


.uptxt
{
    position:absolute;
    left:100px;
    top:60px;
}


.upbtn
{
    position:absolute;
    left:100px;
    top:90px;
}

.zonaupload
{
    position:absolute;
    left:15px;
    top:149px;
    width:95%;
}

zonagridup
{
    position:absolute;
    top:100px;
    left:10px;
    width:15%;
}


.lbgrid1
{
    font-size:10px;
    position:absolute;
    margin-left:20px;
    height:25px;
    width:150ppx;
}

.lbgrid2
{
    font-size:10px;
     position:absolute;
    margin-left:200px;
    font-weight: bold; 
    height:25px;
    width:150px;
}

.lbgrid3
{
    font-size:10px;
    color:#3333ff;
     position:absolute;
    margin-left:5px;
    margin-top:10px;
   height:25px;
    width:60px;
}

.btngrid1
{
     position:relative;
    left:400px;
    font-weight: bold; 
    font-size:10px;
    background-color:#FFFFFF;
    width:20px;
    height:20px;
}

.btnformsave
{
     position:fixed;
    left:750px;
    top:50px;

    font-weight: bold; 
    font-size:10px;
    width:40px;
   
}

.btnformcancel
{
     position:fixed;
    left:650px;
    top:50px;
    
    font-weight: bold; 
    font-size:10px;
   width:40px;
}


.btngrid2
{
     position:absolute;
    left:400px;

    font-weight: bold; 
    font-size:10px;
    width:20px;
   
}

.btngrid3
{
     position:absolute;
    left:287px;
    margin-top:5px;
    font-weight: bold; 
    font-size:10px;
   width:20px;
}

.dropgrid{
    background-color:#ddffdd;
    position:relative;
    margin-left:300px;
    width:190px;
    font-weight: bold; 
    height:24px;
    font-size:10px;
   
    z-index:9;
}

.listgrid{
    background-color:#ddffdd;
    position:relative;
    margin-left:300px;
    width:190px;
    font-weight: bold; 
    height:100px;
    font-size:10px;
   
    z-index:9;
}

.boxgrid{
    background-color:#ddffdd;
    position:relative;
    margin-left:300px;
    width:184px;
    height:24px;
    font-weight: bold; 
    font-size:10px;
    z-index:9;
}

.boxgriddisabled{
    background-color:#97c4fe;
   position:relative;
    margin-left:300px;
    width:184px;
    height:24px;
    font-weight: bold; 
    font-size:10px; 
    z-index:9;
}

.lbgrid10
{
    font-size:10px;
    position:absolute;
    margin-left:24px;
    width:250px;
    height:30px;
    font-weight:normal;
    color: Gray;
}

.lbgrid11
{
    font-size:10px;
    position:absolute;
    margin-left:24px;
    width:150px;
    height:30px;
    font-weight: bold;
    color: Black;
}

.btngrid10n
{
     position:relative;
    left:250px;
    font-weight: bold; 
    
    font-size:10px;
    font-weight:normal;
    background-color:transparent;
    border-style: groove;
    color:Gray;
    width:140px;
    height:25px;
}

.btngrid10a
{
     position:relative;
    left:250px;
    font-weight: bold; 
    
    font-size:10px;
    font-weight:normal;
    background-color:transparent;
    border-style: groove;
    color:Gray;
    width:140px;
    height:25px;
}

.btngrid11n 
{
     position:relative;
    left:250px;
    font-weight: bold; 
    border: 1 solid gray;
    font-size:10px;
    font-weight:bold;
    background-color:#95CAEE;
    color:White;
    width:140px;
    height:25px;
}

.btngrid11a 
{
     position:relative;
    left:250px;
    font-weight: bold; 
    border: 1 solid gray;
    font-size:10px;
    font-weight:bold;
    background-color:#63B8F0;
    color:White;
    width:140px;
    height:25px;
}

.zonasocios
{
    position:absolute;
    left:100px;
    top:150px;
    width:300px;
    height:125px;


 
}


.btn_excel
{
    position:absolute;
    top:-5px;
    left: 300px;
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3df694), color-stop(1, #1e62d0) );
	background:-moz-linear-gradient( center top, #3df694 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background-color:#3df694;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	border-bottom-left-radius:20px;
	text-indent:0;
	border:2px solid #337fed;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	font-style:normal;
	height:26px;
	line-height:26px;
	width:32px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #1570cd;
}
.btn_excel:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
	background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	background-color:#1e62d0;
}


.btn_pdf
{
    position:absolute;
    top:-5px;
    left: 340px;
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3df694), color-stop(1, #1e62d0) );
	background:-moz-linear-gradient( center top, #3df694 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background-color:#3df694;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	border-bottom-left-radius:20px;
	text-indent:0;
	border:2px solid #337fed;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	font-style:normal;
	height:26px;
	line-height:26px;
	width:32px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #1570cd;
}
.btn_pdf:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
	background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	background-color:#1e62d0;
}



.lbgridvalidator
{
    font-size:10px;
    background-color:#ed6313;
    color:#ffffff;
    font-weight:bold;
     position:absolute;
    left:50px;
    margin-top:11px;
   height:20px;
    width:160px;
    text-align:center;
}