/* Galeria de Estilos Sto Tome */


/* Galeria de Estilos para la pantalla de inicio de sesion */


/* Cuerpo de la Pagina */
body {
  background-color: #EBEFFA;
 /* background-color: white;*/
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;}

/*********************************************************************/
/************ Capas de Diseñ Animaciones e Imagenes ***************/
/*********************************************************************/

div.animacion {
  position: absolute;
  left: 10%;
  top: 10%;}
  
div.composicion {
  position: absolute;
  left: 51%;
  top: 38%;
  height: 30%;}


/*********************************************************************/
/*********** Formulario de Inicio de SESION de Usuario ***************/
/*********************************************************************/
img.image {
  position: absolute;
  left: 25%;
  top: 40%;}

div.loginprov {
  position: absolute;
  left: 35%;
  top: 50%;}

div.login {
  position: absolute;
  left: 40%;
  top: 50%;}

table.login td {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: black;
  font-weight: bold;}
  
table.login input {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;}

/* Cuerpo de la Pagina */
body {
  background-color: white;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;}

/*********************************************************************/
/*********** Seccion Informativa de la SESION de Usuario *************/
/*********************************************************************/

table.formulario{
 font-size: 12px;
 background-color:#F4F4F4;
 border: 2px solid #BFBFBF;
 position: absolute;
 left: 0%;
 top: 13%;
}

div.listacarg{
 WIDTH: 370px ;
 /*POSITION:relative;
 TOP: 0%;
 left: 0px;
 right:30%;*/
 HEIGHT: 200px;
 overflow: scroll;
 /*overflow:hidden;*/
 border: 1px solid #DCDCDC;
 border-top:none;}


div.sesion {
  position: absolute;
  left: 10%;
  top: 3%;
  /*border-bottom: 1px solid #DCDCDC;*/
  height: 15%;}

table.sesion {
  width: 100%;
  height: 100%;}

td.logo {
  background-color: #066;
  padding-top: 6;
  padding-left: 6;
  padding-right: 6;
  color: #CC9;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  vertical-align: top;}
  
td.sesion {
  background-color: #066;
  padding-top: 6;
  padding-right: 6;
  color: white;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  vertical-align: top;}

a.sesion {
  color: white;
  text-decoration: none;}
  
  
  /*********************************************************************/
/****************** Seccion del AREA de Trabajo **********************/
/*********************************************************************/

div.area {
  position: absolute;
  left: 10%;
  top: 22%;
  width: 76%;
  padding-top: 1%;
  padding-left: 1%;
  padding-right: 1%;
  padding-bottom: 1%;
  background-color:#ffffff;
  /*border: 1px solid red;*/ }


div.area th {
  color: black;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  padding-bottom: 4;
  border-bottom: 1px solid orange;}

div.area  td {
  color: black;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;}


div.panel {
  position: absolute;
  left: 0%;
  top: 22%;
  width: 16%;}

div.panel table {
  width: 100%;
  color: black;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;}


div.persiana {
 /* background-color: #EEC;*/
  background-color: #F5F5F5;
  border-top: 1px solid gray;
  border-bottom: 1px solid #FFF;
  height: 25;}

div.persiana td {
  font-weight: bold;}
  
div.persEnfoque {
  border-top: 1px solid gray;
  /*background-color: #DDA;*/
  background-color: #B0C4DE;
  border-bottom: 1px solid gray;
  height: 25;}
  
div.persEnfoque td {
  font-weight: bold;}

div.seccion {
  background-color: #FAFAFA;
  color: black;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  border-top: 1px solid #CCC;
  /*border-bottom: 1px solid #FFF;*/}



/* REGLAS PARA SECCIONES NO FIJAS (Vista, Lista, Editar, y otras Operaciones )*/

/*********************************************************************/
/****************** Seccion de VISTAS de Datos ***********************/
/*********************************************************************/

div.vista {
  position: relative;
  left: 7px;
  top: 0%;
  width: 730px;
  /*border: 1px solid orange;*/ }

div.vista tr.campos th {
  background-color: #DCDCDC;
  color: black;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-align: left;
  padding-bottom: 4;
  border-bottom: 1px solid #DCDCDC;
  margin-bottom: 10;
  height: 20;
  padding: 6 6 6 6;}

div.vista td.titulo {
  background-color:#3399FF;
  color: white;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  padding-top: 6;
  padding-left: 4;
  padding-bottom: 4;}

div.vista tr.tit {
  background-color:#3399FF;
}

div.vista td.conteo {
  background-color: #3399FF;
  color: white;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  padding-right: 4;
  padding-bottom: 4;}

td.vista {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  border-left: 1px solid #DCDCDC;
  border-bottom: 1px solid #DCDCDC;
  padding: 6 6 6 6;}

a.vista {
  color: black;
  text-decoration: none;}

select {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal}

td.buscar {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  border-right: 1px solid #DCDCDC;
  border-bottom: 1px solid #DCDCDC;
  padding: 6 6 6 6;}

input {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal}
  
  
/******************************************Listado**************************/
  div.listado {
 WIDTH: 755px ;
 POSITION:relative;
 TOP: 2%;
 left: 8px;
 right:0%;
 HEIGHT: 350px;
 background-color:ffffff;
 overflow: scroll;
 /*overflow:hidden;*/
 border: 1px solid #DCDCDC;
 border-top:none;}
  
  div.listadoret {
 WIDTH: 650px ;
 POSITION:relative;
 TOP: 2%;
 left: 8px;
 right:0%;
 HEIGHT: 350px;
 background-color:ffffff;
 overflow: scroll;
 /*overflow:hidden;*/
 border: 1px solid #DCDCDC;
 border-top:none;}


div.DivDestino {
 WIDTH: 318px ;
 POSITION:relative;
 TOP: 4%;
 left: 6px;
 right:0%;
 HEIGHT: 130px;
 background-color:ffffff;
 overflow: scroll;
 /*overflow:hidden;*/
 border: 1px solid #DCDCDC;
 border-top:none;}

 div.buscador {
 /*WIDTH: 710px ;*/
 POSITION:absolute;
 TOP: 5%;
 left: 8px;
 right:0%;
/* HEIGHT: 350px;*/
 background-color:black;
/* overflow: scroll;
 overflow:hidden;
 display:none;*/
 border: 1px solid #DCDCDC;
 border-top:none;}


 div.listadoacceso{
 WIDTH: 405px ;
 POSITION:relative;
 TOP: 0%;
 left: 0px;
 right:0%;
 HEIGHT: 180px;
 background-color:ffffff;
 overflow: scroll;
 /*overflow:hidden;*/
 border: 1px solid #DCDCDC;
 border-top:none;}
 
div.listadomenu{
 WIDTH: 205px ;
 POSITION:relative;
 TOP: 0%;
 left: 0px;
 /*right:30%;*/
 HEIGHT: 180px;
 background-color:ffffff;
 overflow: scroll;
 /*overflow:hidden;*/
 border: 1px solid #DCDCDC;
 border-top:none;}

div.derechosusuario{
 WIDTH: 330px ;
 POSITION:absolute;
 TOP: 100px;
 left:460px;
 /*right:30%;*/
 HEIGHT: 180px;
 /*background-color:red;*/
 /*overflow: scroll;
 overflow:hidden;
 border: 1px solid #DCDCDC;*/
 border-top:none;}

div.permisosasignados{
 WIDTH: 180px ;
 POSITION:absolute;
 TOP: 320px;
 /*left:393px;
 right:30%;*/
 HEIGHT: 1px;
 background-color:FFFFFF;
 /*overflow: scroll;*/
 overflow:hidden;
 /*border: 1px solid #DCDCDC;*/
 border-top:none;}

div.clasifica{
 font-size: 12px;
 /*background-color:#F4F4F4;*/
 background-color:#F5F5F5;
 border: 2px solid #BFBFBF;
 position: absolute;
 WIDTH: 490px;
 HEIGHT: 320px;
 POSITION:absolute;
 /*border-bottom: 1px solid #DCDCDC;*/
 /*TOP: 520px;
 left:340px;*/
} 

div.desdehasta{
 font-size: 12px;
 /*background-color:#F4F4F4;*/
 background-color:#F5F5F5;
 border: 2px solid #BFBFBF;
 position: absolute;
 WIDTH: 400px;
 HEIGHT: 50px;
 POSITION:absolute;
 /*border-bottom: 1px solid #DCDCDC;*/
 TOP: 120px;
 left:80px;
} 

div.desdehastaret{
 font-size: 12px;
 /*background-color:#F4F4F4;*/
 background-color:#F5F5F5;
 border: 2px solid #BFBFBF;
 position: absolute;
 WIDTH: 520px;
 HEIGHT: 105px;
 POSITION:absolute;
 /*border-bottom: 1px solid #DCDCDC;*/
 TOP: 60px;
 left:150px;
}
 
div.camblogin{
 font-size: 12px;
 /*background-color:#F4F4F4;*/
 background-color:#F5F5F5;
 border: 2px solid #BFBFBF;
 position: absolute;
 WIDTH: 250px;
 HEIGHT: 130px;
 POSITION:absolute;
 border-bottom: 2px solid #DCDCDC;
 TOP: 200px;
 left:400px;
} 

div.listacarg{
 WIDTH: 370px ;
 /*POSITION:relative;
 TOP: 0%;
 left: 0px;
 right:30%;*/
 HEIGHT: 200px;
 background-color:ffffff;
 overflow: scroll;
 /*overflow:hidden;*/
 border: 1px solid #DCDCDC;
 border-top:none;}

div.buscarcla{
 font-size: 12px;
 /*background-color:#F4F4F4;*/
 background-color:#F5F5F5;
 border: 2px solid #BFBFBF;
 position: absolute;
 WIDTH: 380px;
 HEIGHT: 320px;
 POSITION:absolute;
/* border-bottom: 1px solid #DCDCDC;*/
 /*TOP: 520px;
 left:340px;*/
} 

div.area table.campos {
  background-color: #F5F5F5;
  color: black;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8px;
  font-weight: bold;
  text-align: left;
  /*padding-bottom: 4;*/
  border-bottom: 1px solid #DCDCDC;
  /*margin-bottom: 10;
  height: 20;*/
  /*padding: 6 6 6 6;*/}  

div.vista tr.campos th {
  background-color: #F5F5F5;
  color: black;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-align: left;
  padding-bottom: 4;
  border-bottom: 1px solid #DCDCDC;
  margin-bottom: 10;
  height: 20;
  padding: 6 6 6 6;}  

div.listadoacceso th {
  background-color: #F5F5F5;
  color: black;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-align: left;
  padding-bottom: 4;
  border-bottom: 1px solid #DCDCDC;
  margin-bottom: 10;
  height: 20;
  padding: 6 6 6 6;}  
  
div.listadomenu th {
  background-color: #F5F5F5;
  color: black;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-align: left;
  padding-bottom: 4;
  border-bottom: 1px solid #DCDCDC;
  margin-bottom: 10;
  height: 20;
  padding: 6 6 6 6;}  

div.listado  td.vista {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  border-left: 1px solid #DCDCDC;
  /*border-bottom: 1px solid #DCDCDC;*/
  padding: 3 3 3 3;} 
 
div.listado a{
  color: black;
  text-decoration: none;} 
  
div.listadoacceso a{
  color: black;
  text-decoration: none;} 

div.listadomenu a{
  color: black;
  text-decoration: none;} 

table.formulario{
 font-size: 12px;
 background-color:#F4F4F4;
 border: 2px solid #BFBFBF;
 /*position: absolute;*/
 left: 0%;
 top: 13%;
}

table.formulariohijos{
 font-size: 12px;
 background-color:#F4F4F4;
 border: 2px solid #BFBFBF;
 position: absolute;
 left: 15%;
 top: 49%;
}



a:hover{
  color:#4682B4;
  background-color:#F5F5F5;
  bottom:0px;}

a{
  padding:0.2em;
  color:black;
  font-weight:bolder;
  text-decoration:none;}

/*div.cpanel {
  position: absolute;
  left: 35%;
  top: 50%;}
*/

/*****************************Variables de el Calendario**********************************/
/*div.Calendario A_L:link,.A_L:active,.A_L:visited {text-decoration:none; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; }
.A_L:hover {text-decoration:none; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FF2508; }

div.Calendario A:link,A:visited,A:active  {text-decoration:none; font-size: 11pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #646464}*/
div.Calendario A:hover { text-decoration:none;  color: #AD0000; }

div.Calendario H4 { font-size: 10pt; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color:#A08450; cursor:help; margin:3px;}

div.Calendario{
  background-color: #F0F0F0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  position: absolute;
  left: 10%;
  top: 40%;
  width: 240px;
  height:150px;
  border: 2px solid #066;
  padding: 8 8 8 8;
  display: inline}

/***********************************************************************************/


.blur{
   background: transparent url(img/shadow1.png);
/*ruta para el 80%-transparente 1x1 pixel coloreado de negro */
   color: inherit;
   margin-left: 4px;
   margin-top: 4px;
   width:50%;


   /*border-radius:8px;
   -moz-border-radius:8px;
   -webkit-border-radius:8px;
   -khtml-border-radius:8px;
    width:100%;*/
}

.shadow{
   background: transparent url(img/shadow2.png);
/*ruta para el 60%-transparent 1x1pixel coloreado de negro */
   color: inherit;
   /*width:100%;
      width:100%;*/

         /*border-radius:8px
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    -khtml-border-radius:8px;*/
}
.content{
   position: relative;
   bottom: 2px;
   right: 2px;
   /*width:94%;*/
}

.content{
   background-color:#F0F0F0; /*background color of content*/
   color: #000; /*text color of content*/
   border: 1px solid #000; /*border color*/
   padding: .5em 2ex;
   /*width:100%;*/
   /*border-radius:8px;
   -moz-border-radius:8px;
   -webkit-border-radius:8px;
   -khtml-border-radius:8px;*/
}

body {
        color: #333;
        padding: 0 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 76%;
}

input.disabled {
        border: 1px solid #F2F2F2;
        background-color: #F2F2F2;
}

input.required, textarea.required, select {
        border: 1px solid #00A8E6;
}

.formularioCliente{
     background: transparent  url(../img/datoscliente.jpg);
     position:relative;
     border: 1px solid #F2F2F2;
         height:230px;
         width:630;
}