/* 
    Author     : <NOMBRE_DEL_AUTOR>
    Description: 
        <DESCRIPCIÓN_HOJA_DE_ESTILOS>
*/

/* NOTA PLANTILLA:
    - Salvo excepciones en estilos propios de la plantilla, los nombres de los
      estilos deben empezar en minúscula y hacer la separación de términos
      empezando cada palabra con mayuscula, por ejemplo: esteEsElNombreDelEstilo */


/***********************************************************/
/******      Estilos de colores propios del modulo   *******/

/*Para que la parametrización de color funcione, deben acabar en '_modulo'*/

.color_texto_titulo_cabecera_modulo { color: #FFFFFF; }

.color_fondo_cabecera_modulo { background-color : #FFB033; }

.color_borde_modulo { border-color: #FFB033; }

.color_fondo_boton_modulo { background-color : #FEF7E5; }

/******   FIN Estilos de colores propios del modulo   *******/
/***********************************************************/

.colorTextoEtiqueta { color: #7995C7; }
.colorTextoDatos { color: #51646b; }


.color_fondo_lista {background-color: #ffffff;}

.color_texto_lista_mapas { color: #E49603; }

.lista_clientes {
    margin-bottom: 0px;
    width: 100%; 
    overflow-y: hidden;
    overflow-x: hidden;
    clear: both;  
    font-size: 11px;
}

.contenedor_radio_lista {
    float:left;
    padding-left:0px;
    padding-top:0px;
    position:relative;
    width:3%;
}

.contenedor_check_cliente {
    float:left;
    padding-left:0px;
    padding-top:0px;
    position:relative;
    width:5%;
}

.contenedor_nombre_cliente{
    float:left;
    padding-top:3px;
    padding-left:3px;
    position:relative;
    width:90%;
}

.color_texto_titulo_cabecera_artefacto { color: #ffffff; }

.fuente_controles_formulario {
    font-family: 'LatoWeb',Verdana;
    font-size: 11px;
}


.contenedor_versiones {
    overflow-y: scroll;
    overflow-x:hidden;
    height: 117px;
    *height: 108px;
    border: 1px solid #7F9DB9;
    clear:both;
    position:relative;
    left:0px;
    right:0px;
}

@-moz-document url-prefix() {
    .contenedor_versiones {
    height: 108px;
}
}


.tituloEmpresa {
    float:left;
    padding-top:-18px;
    *padding-top:4px;
    font-size:11px;
}

.color_texto_rojo {
    color: #FF0000;
}

.color_texto_verde {
    color: #0A9613;
}

.margenInferior15pxUsuarios {
    margin-bottom: 15px;
    *margin-bottom: 10px;
}

.contenidoMenuIzquierda{
    float:left;
    position:relative;
    bottom:0;
    top:auto;
}

.menuIzquierdaInactivo, .menuIzquierdaInactivoIndentado{
    margin-left:10%;
}

.romboOpcionMenuIzquierda, .romboOpcionMenuIzquierdaIndentado{
    margin-left:10%;
}


.menuIzquierdaInactivoIndentadoIndentado{
    width:69% ;
}
.containerIndentado{
    width:69% ;
}
.itemMenuIzda .container{
    width:69% ;
}
.primerNivel{
    width:78% !important;
}



@media screen and (max-width: 1460px) {

    .menuIzquierdaInactivoIndentadoIndentado{
        width:66% ;
    }
    .containerIndentado{
        width:66% ;
    }
    .itemMenuIzda .container{
        width:66% ;
    }
    .primerNivel{
        width:78%  !important;
    }

}

@media screen and (max-width: 1260px) {

    .contentColIzdaRhs{width:19%;}
    .menuIzquierdaInactivoIndentadoIndentado{
        width:65% ;
    }
    .containerIndentado{
        width:65% ;
    }
    .itemMenuIzda .container{
        width:65% ;
    }

    .primerNivel{
        width:78%  !important;
    }

}

@media screen and (max-width: 1100px) {

    .contentColIzdaRhs{width:20%;}

    .menuIzquierdaInactivoIndentadoIndentado{
        width:63% ;
    }
    .containerIndentado{
        width:63% ;
    }

    .itemMenuIzda .container{
        width:63% ;
    }

    .primerNivel{
        width:75%  !important;
    }

    .separadorMenuIzquierda {
        /*margin-bottom: 13px;
        margin-top: 11px;*/
    }
}