/*
 * Estilo a aplicar al logo del cliente en la pagina de login.
 *
 * La unica forma que he encontrado de centrar una imagen dentro de una capa
 * y que funcione con cualquier navegador, consiste en meterla dentro de una 
 * tabla con el 100% de tamanio y alinear la celda horizontal y verticalmente
 */

#logoClienteLogin {
   width: 100%;
   height: 280px;
   text-align:center;
  
}
#logoClienteLogin table {
   width: 100%;
   height: 100%;
}
#logoClienteLogin td {
   vertical-align: middle;
   text-align: center;
}

/*
* Estilo del formulario de login (donde se piden el usuario y la password)
*/
#formularioLogin {
   width: 100%;
   text-align: center;
}

/*
* Estilo de la capa que contiene el logo de Azor/Grupoiris
*/
#logoGrupoIrisLogin {
   width: 100%;
   text-align: right;
}

/*
 * Estilos generales
 */
* {
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 7pt;
}

.medio,
.medio * {
   font-weight: bold;
   font-size: 10pt;
}

.big,
.big * {
   font-weight: bold;
   font-size: 12pt;
}

FORM {
   margin: 0px;
}

/* --- tamanios de los select ---- */
.S003 {
	width: 15px;
}
.S005 {
	width: 25px;
}
.S010 {
	width: 50px;
}
.S015 {
	width: 75px;
}
.S020 {
	width: 100px;
}
.S030 {
	width: 150px;
}
.S040 {
	width: 200px;
}
.S050 {
	width: 250px;
}
.S060 {
	width: 300px;
}
.S070 {
	width: 350px;
}
.S080 {
	width: 400px;
}

/*
 * Estilos del Layout
 */
#pagina {
  position : absolute;
  top : 0px;
  left : 0px;
}

#barra_comercial, 
#menu,
#localizador {      
   width: 100%; 
   overflow: hidden;
}

#barra_comercial {
   height: 54; 
}

#menu {      
   height: 18; 
}

#contenido_izquierda, #contenido_derecha {
  visibility : hidden;
  float: left;
  padding-right: 5px;
}

#contenido_izquierda {
  width: 20%;
}

#contenido_derecha {
  width: 78%;
}

#contenido {
   padding-left: 2%;
   width: 97%;
}
html>body #contenido {   
   width: 95%;
}

/* --- tamanios de los input de ciudades ---- */
#origen, #destino {
   WIDTH: 300px;
}

#nombreOrigen1, #nombreDestino1,
#nombreOrigen2, #nombreDestino2,
#nombreOrigen3, #nombreDestino3 {
   WIDTH: 200px;
}

/* --- tamanios de los input de ciudades ---- */
#MessageDiv {
   margin-left: 15%;
   margin-top: 10%;
   width: 100%;
}

/*
 * AjaxTag 
 */
/* --- AUTOCOMPLETE CSS --- */
.autocomplete {
        position: absolute;
        color: #333;
        text-align: left;
        background-color: #fff;
        border: 1px solid #666;
        font-family: Arial;
        overflow-y: auto;
        height: 100px;
}

.autocomplete ul {
        padding: 0;
        margin: 0;
        list-style: none;
        overflow: hidden;
}

.autocomplete li {
        display: block;
        white-space: nowrap;
        cursor: pointer;
        margin: 0px;
        padding-left: 5px;
        padding-right: 5px;
        border: 1px solid #fff;
}

.autocomplete li.selected {
        background-color: #cef;
        border-top: 1px solid #9bc;
        border-bottom: 1px solid #9bc;
}

/* --------- Mensaje de bienvenida ------------*/
#bienvenida {
    width: 100%;
    margin-top: 100px;
    text-align: center;
}