/***
 * $id$
 *********************************************************************************************************/

body {
    margin: 0px;
    font-family: verdana, arial;
    background: whitesmoke;
    width: 100%;
}

.botones {
    height: 50px;
    width: 95%;
    margin: auto;
}
    
.botones span {
    margin-right: 5px;
}

.botones span button, .alertBotones  {
    border: 2px outset purple;
    background-color: #812572;
    color: white;
    font-weight: bold;
    padding-bottom: 3px;
    -moz-border-radius: 10px;
}

.botones span button:hover {
    border: 2px inset #812572;
    background-color: purple;
}

.error {
    width: 85%;
    margin: auto;
    margin-top: 10px;
    text-align: center;
    font-size: medium;
    font-family: verdana;
    border: 6px groove lightblue;
    background-color: #9CF;
    -moz-border-radius: 16px;
}

.error .input {
    border: 3px ridge #5a3c28;
    font-size: small;
    font-weight: bold;
    letter-spacing: 0.5px;
    background: url(/gargano_dps/include/formy/button1.gif);
    color: white;
}

.error .input:hover {
    background: url(/gargano_dps/include/formy/button2.gif);
    border: 3px groove #5a3c28;
    color: #ff9;
}

#infoTimeOut_content { font-size: 12pt;
                       text-align: center;
                       padding-top: 10px;
                       color: white;
                       background-color: black; }
/* ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** */
#errores {
  border: 5px ridge darkred;
  padding: 15px;
  width:50%;
  margin: auto;
  margin-top: 20px;
  font-size: normal;
  font-weight: bold;
  background-color: rgb(255,255,204);
}

#backup {
  border: 5px ridge darkred;
  padding: 15px;
  width:50%;
  margin: auto;
  margin-top: 20px;
  font-size: normal;
  font-weight: bold;
  background-color: rgb(255,255,204);
}

#backup_path {
  font-size: small;
  text-align: center;
}

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

.horarioTurno {
  border: 4px solid transparent;
  font-size: x-small;
  width: 90px;
}

.horarioTurno .turnoDatos {
  background-color: navajowhite; 
  text-align: center;
  font-weight: bold;
}
.horarioTurno .turnoDatos td {
  border: 1px outset black;
}

.horarioTurno .turnoVacio {
  border: 1px outset black; 
  background-color: rgb(204,255,153); 
  text-align:center; 
}

.horarioTurno .turnoLlegada {
  border: 1px outset black; 
  background-color: rgb(153,204,255); 
  text-align:center; 
}

.horarioTurno .turnoAtendido {
  border: 1px outset black; 
  background-color: rgb(255,153,0); 
  text-align:center; 
}

.horarioTurno .turnoFinalizado {
  border: 1px outset black; 
  background-color:rgb(204,204,204); 
  text-align:center; 
}

.turnoLleno {
  font-size: x-small;
  width: 90px;
} 

.turnoLleno .turnoDatos {
  background-color: #B94F5E; 
  text-align: center;
  color: white;
  font-weight: bold;
}
.turnoLleno .turnoDatos td {
  border: 1px outset black; 
}

.turnoLleno .turnoIconos {
  border: 1px outset black; 
  background-color: #FA6A74; 
  text-align:center; 
}

.horarioVacio td {
  background-color: #006600; 
  color: white;
}

.horarioLlegada td {
  background-color: rgb(0,153,255); 
  color: white;
}

.horarioAtendido td {
  background-color: rgb(255,102,0); 
  color: white;
}

.horarioFinalizado td {
  background-color: rgb(204,204,255); 
  color: black;
}

.turnoviejo {
  border: 4px solid black;
}
.turnoproximo{
  border: 1px solid black;
}
.turnosincerrar {
  border: 4px solid rgb(153,0,204);
}
.turnoElegido .turnoDatos td, 
.turnoElegido .turnoIconos { 
  background-color: yellow;
  color: black;
}

.turno {
  border: 1px gray solid;
  background-color: black;
  color: yellow;
  font-weight: bold;
  font-size: small;
  padding-left: 15px;
  padding-right: 35px;
}

.turnoField {
  border: 2px ridge black;
  -moz-border-radius: 15; 
}

.turnoField legend {
  -moz-border-radius: 15; 
}

.fieldsetHoy {
  border: 6px ridge lime;
}

#detalleCabeceraViaje {
  padding-top: 2px; 
  padding-left: 2px; 
  background-color: #eda; 
  font-size:x-small; 
  font-weight: bold; 
  width:100%;
  border: 3px ridge darkblue;
  -moz-border-radius: 15;
}

#detalleCabeceraIconos {
  padding-top: 2px; 
  padding-left: 2px; 
  background-color: #ffc; 
  font-size:x-small; 
  font-weight: bold; 
  width:100%;
  border: 3px ridge darkblue;
  -moz-border-radius: 15;
}

#detalleViaje {
  width: 100%; 
  margin:auto;
}

#detalleViaje table {
  font-size:x-small; 
  width: 100%; 
  margin:auto;
  border: 3px ridge darkblue;
  -moz-border-radius: 15;
}

#detalle #chofer:hover {
  background-color: lightsteelblue;
  color: white;
}

#detalle #vehiculo:hover {
  background-color: lightsteelblue;
  color: white;
}

#detalleViaje table tr:hover {
  color:white;
  background-color: darkblue;
}

#detalle {
/*
  border: 3px ridge darkblue;
  background-color: #fff;
  -moz-border-radius: 15 15 0 0 ;
*/  
}
/*
.viajeElegido {
  border: 4px dashed #00F;
  background-color: #3CF;
}
*/


.fila0 {
  background-color: #ddd;
}

.fila1 {
  background-color: #eee;
}

#detalleViajeEspera {
  border-top: 3px groove darkblue; 
}

.aviso { margin: auto;
        margin-top: 20px;
         width: 60%;
         border: 5px groove burlywood;
         background: #f2bb0f; }

                                             
/****************************************************************************************/
#turnosDias {  
	list-style:none;
	padding:0;
	font-size: x-small;
}
#turnosDias li {
	padding:2px;
	padding-left:4px;
	border:1px outset black;
	background-color: white;
	float:left;
}
#turnosDias li:hover {
  cursor: pointer;
}
#turnoDia {
  /*
  background-color: #eee;
  border: 2px groove silver;
  */
}

/******************************************************************************************/
#cierreViajeTitulo {
  width:95%; 
  margin:auto; 
  font-size: small; 
  background: #ededed;
}
#cierreViajeTitulo legend {
  background-color: steelblue; 
  border:1px solid silver; 
  padding:2px; 
  font-weight:bold;
  color: white;
}
#cierreViajeTitulo div {
  width:95%; 
  text-align:center;
  padding-left: 15px;
  padding-right: 15px;
}
#cierreViajeTitulo div label {
  font-weight: bold;
  font-size: 1.1em;
  margin-left: 15px;
}
#cierreViajeTablas {
  width:97%; 
  margin:auto;
}
#cierreViajeTablas td {
  vertical-align: top; 
  width:49%;
}
#cierreViajeTablas td fieldset {
  vertical-align: top; 
  margin:auto; 
  font-size:small; 
  background-color: #ededed; 
}
#cierreViajeTablas td legend {
  color: white; 
  background-color: steelblue; 
  border:1px solid silver; 
  padding:2px; 
  font-weight:bold;
}
.cierreViajeListadoPasajeros{
  width:97%; 
  margin:auto;
  border: 1px solid black;
  font-size: small;
}
.cierreViajeListadoPasajeros td {
  border-bottom: 1px dashed silver;
  border-right: 1px dashed silver;
  white-space: nowrap;
  padding-left: 4px;
}

.cierreViajeListadoPasajeros th {
  background-color: steelblue;
  color: white;
  font-weight: bold;
  padding: 4px;  
}

.cierreViajeListadoPasajeros tr:hover {
  background-color: #888;
  color: white;
}

.rojo{
  font-size:12pt; 
  font-weight:bold;  
  color: red;
}

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

#auditoria {
  width: 94%;
  height: 350px;  
  margin: auto;
  background-color: #eee;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: small;
}

#auditoria legend {
  background-color: #ddd;
  border: 1px solid black;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: bold;
  font-size: small;
}

#auditoria table {
  font-size: small;
  width: 95%; 
  margin: auto; 
}

#auditoria th {
  border-bottom: 1px solid black;
  border-top: 1px solid black;
  background-color: steelblue;
  color: white;
  font-size: 1.1em;
  padding: 3px;
}

#auditoria td {
  font-size: x-small;
  border-bottom: 1px solid black;
  border-top: 1px solid white;
  padding-left: 3px;
  padding-right: 3px;  
}

#auditoria tr:hover {
  background-color: #888;
  color: white;
}

#auditoria-div{
height: 330px; 
overflow: auto;
}

/*** DPS INFO DEBUG  *****/

#DPSinfoDebug {
  font-size: x-small;
}

#DPSinfoDebug fieldset {
  background-color: wheat;
}

#DPSinfoDebug span {
  font-weight: bold;
}

#DPSinfoDebug legend {
  font-weight: bold;
  border: 1px black solid;
  background-color: white;
}

#DPSinfoDebug td {
  vertical-align: top;
}

/**** bloque agregado por el autocompletar *****/
div.autocomplete {
  position:absolute;
  width:250px;
  border:1px solid #888;
  margin:0px;
  padding:0px;
  background-color: #ffc; /* marco */
}
div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.autocomplete ul li.selected {
  border: 1px solid black; /* marco */
  background-color: #7E7E7E; /* marco */
  color: white; /* marco */
}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding: 0px 2px 0px 2px; /* marco: 2px */
  /*height:32px;*/
  font-family: Verdana; /* marco */
  cursor:pointer;
  font-size: small;
  /* font-weight: bold; */
  border: 1px solid transparent; /* marco */
  border-bottom: 1px solid silver; /* marco */
}

div.autocomplete ul li span.informal {
  display: block;
  padding-left: 5px;
  font-style: oblique;
}

tr.marcado td{
  background-color: lime;
} 

/*********/
#componentes { font-size: small; border: 1px solid black; }
#componentes span { font-size: small; font-weight:bold; }

#componentes .titulos { background: steelblue; color: white; }
#componentes .fila0 td { background: #ccc }
#componentes .fila1 td { background: #bbb }

#componentes .fila0 td.tildada { background-color: #cefe69  }
#componentes .fila1 td.tildada { background-color: #c6ffda }

/*** DPS INFO DEBUG  *****/

.seleccion{
  background: #812572;
  border: 2px solid purple;
  padding: 4px;
  width:250px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  position:absolute;
  right:5px;
  top:0px;
  z-index: 50;
}

{*NUEVO MENU*}

.contenedor_menu{
  background: #812572;
  position: absolute;
  height: 35px;
  width: 99%;
  display: inline-block;
  z-index: 1;
  margin-bottom: 0px;
  margin-top: 0px;
  color: white;
  vertical-align: middle;
  font-weight: bold;
  font-family: calibri;
  font-size: large;
  border: 1px solid #812572;
}

.sub_menu_img{
  position: relative;
  display: inline-block;
  width: 191px;
  height: 100%;
  margin:0px;
  vertical-align: middle;
  cursor: pointer;
}

.sub_menu{
  position: relative;
  display: inline-block;
  width: 141px;
  height: 100%;
  margin:0px;
  vertical-align: middle;
  cursor: pointer;
}

.pagina_inicio{
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  text-align: justify;
}

.imagen_menu{
  vertical-align: middle;
}

.pagina_medio{
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  text-align: justify;
  margin-top: 5px;
  padding-left: 5px;
}

.sub_menu:hover{
  background: purple;
}

.sub_menu_fin{
  background: #F2BB0F;
  color: #404040;
  position: relative;
  display: inline-block;
  width: 400px;
  height: 100%;
  margin:0px;
  vertical-align: middle;
  cursor: pointer;
  float:right;
}

.sub_menu_fin:hover{
  color: #F2BB0F;
  background: #404040;
}

.opcion_menu{
  background:#F2D9F2;
  color:lightslategray;
  border:1px solid lightslategray;
  cursor: pointer;
  z-index: 100;
  padding:2px;
  position: relative;
  font-size: medium;
  display: none;
}

.opcion_menu:hover{
  background: #E2C9E2;
  color:slategray;
}

a:link {
  text-decoration: none;
  color: inherit;
}

.detalle_pequeno{
  color: #505050;
  font-weight: bold;
  font-family: calibri;
}

/*NUEVO LOGIN*/

.fondo_login{
  background: url('/gargano_dps/imagenes/fondo_gargano.jpg');
  background-size: cover;
  height: 101%;
  width: 100%;
  display: block;
  position: absolute;
  z-index: 50;
  margin-top: -50px;
}

#login_nuevo{
  background: #584853;
  display: block;
  width: 25.3%;
  height: 60%;
  margin-left: 57.7%;
  margin-top: 10.5%;
}

.usuario_login{
  width: 90%;
  height: 50px;
  font-size: large;
  margin-left: 10px;
  border-radius: 3px;
}

.login_boton{
  border: 2px solid white;
  color: white;
  padding: 10px;
  border-radius: 3px;
  width: 40%;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  margin-left: 25%;
}

.login_boton:hover{
  background: #EEB810;
  color: #584853;
  border-color: #584853;
}

#winLogin{
  position: abolsute;
  height: 90%;
  width: 100%;
  display: block;
}

#login{
  height: 80%;
  width: 100%;
  display: block;
  margin-top: -10px;
}

#loginError{
  position: absolute;
  height: 20%;
  width: 40%;
  background: indianred;
  color: white;
  font-size: large;
  text-align: center;
  padding: 10px;
  border: 4px solid white;
  border-radius: 3px;
  z-index: 300;
  left: 30%;
  top: 30%;
}

.boton_cerrar{
  border: 2px solid white;
  color: white;
  padding: 10px;
  border-radius: 3px;
  width: 40%;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  left: 30%;
  position: relative;
  margin-top: 10%;
}

.boton_cerrar:hover{
  background: white;
  color: indianred;
  border-color: indianred;
}