html {
    overflow: scroll;

}
body {
/*    font-family:"Arial","Helvetica","Verdana","sans-serif";*/
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.75em;
    background-color: #eaeaea;
/*    #cdcdcd*/
}

/* 
    Contenedor principal. 
        Class y div donde se encuentra todo el contenido, excepto la barra superior con el menu
*/
.contenedorPrincipal {
    width: 900px;
    margin: auto;
    background-color: #ffffff;
}

/* carretera */
.carretera {
    margin-top: 0px;
    height: 219px;
    width: 900px;
    border: 0px solid black;
/*    background-image: url(/motor/images/carretera_900x150.jpg);*/
    background-image: url(/motor/images/cars/MercedesShadowOfDeathx900y219-1.jpg);
    background-repeat: no-repeat;
}
.logo {
    background-image: url(/motor/images/cars/fondo.transparente2.png);
    background-repeat: repeat;
    width: 165px;
    height: 155px;
    
    vertical-align: bottom;
    padding-top: 35px;
}
.contenedorHerramientasRedesSociales {
    height: 29px;
/*    background-image: url(/motor/images/cars/fondo.transparente2.png);
    background-repeat: repeat;*/
}
.contenedorHerramientaRedSocial75 {
    float: right;
    padding: 3px;
    width: 75px;
}
.contenedorHerramientaRedSocial125 {
    float: right;
    padding: 3px;
    width: 125px;
}
.contenedorHerramientaRedSocial40 {
    float: right;
    padding: 3px;
    width: 40px;
}
.contenidoBienvenido {
    float: right;
    padding-right: 3px;
}

/* 
    Contenido principal 
        Class de la capa donde encontraremos el contenido propio de cada funcionalidad
*/
.contenidoPrincipal {
    margin: 15px;
    border: 0px solid black;
    min-height: 500px;
}

/* 
    Contenido de la barra inferior con la direccion de contacto
*/
.barraInferiorSeccionContacto {
    text-align: center;
    background-color: #00607C;
    color: white;
}

.barraInferiorSeccionOtrosLinks {
    text-align: center;
    font-size: 95%;
    padding-top: 10px;
    padding-bottom: 10px;
/*    background-color: #FF9055;*/
}



/*
    Estilos para titulos
*/
.tituloPrincipal {
    font-size: 175%;
    font-weight: bold;
    color: #00607c;
    padding-bottom: 9px;
    padding-top: 5px;
}

.tituloUno {
    font-size: 115%;
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 5px;
    background-color:  #eaeaea;
    border-radius: 7px;
    border: 1px solid #cbcbcb;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

.tituloUno2 {
    font-size: 115%;
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 5px;
/*    background-color:  #eaeaea;*/
/*    border-radius: 7px;
    border: 1px solid #cbcbcb;*/
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

.tituloDos2 {
    font-size: 100%;
    font-weight: bold;
/*    background-color:  #eaeaea;*/
/*    border-radius: 7px;
    border: 1px solid #cbcbcb;*/
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

.parrafoDelTituloUno {
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 15px;
    padding-right: 10px;
/*    background-color: #fbfbfb;*/
/*    border-radius: 3px;*/
}

/*
    Noticias del motor
*/

.mostrarSoloTitulares {
    background-color: #ffffff;
    width: 100%;
    padding-bottom: 10px;
    padding-top: 10px;
}

.botonMostrarOcultarContenidoArticulos {
    cursor: pointer;
    background-color: #FF9055;
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #00607c;
    color: white;
    width: 125px;
    padding: 3px;
/*    float: left;*/
}

.licenciaCreativeCommons {
    font-size: 85%;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 10px;
}

.articulo {
    width: 850px;
    margin-bottom: 7px;
}

.tituloArticulo {
    font-size: 115%;
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 5px;
    cursor: pointer;
    padding-left: 10px;
    padding-right: 10px;
    background-color:  #eaeaea;
    border-radius: 7px;
    border: 1px solid #cbcbcb;
}

.fechaArticulo {
    font-size: 85%;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 10px;
}

.contenidoArticulo {
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 15px;
    padding-right: 10px;    
/*    background-color: #ececec; */
/*    background-color: #fbfbfb;*/
/*    background-color: #f1f1f1; */
    background-color: #f6f6f6; 
    border-radius: 3px;
}

/*
    Estilos paneles de error
*/
.panelErrorMessage {
    display: none;
}

.errorMessage {
    padding: 0px;
    color: red;
    font-weight: bold;
}
#errorMessagePhp {
    padding: 0px;
    font-weight: bold;
}
.contenedorPanelError {
    height: 12px;
    padding: 2px;
}

/*
    Contenedores principales de cada una de las paginas
*/

/* Modificar usuarios */
.contenedorContenidoModificacionUsuario {
/*    background-image: url(/motor/images/Foto0503E001E001.jpg);
    background-repeat: no-repeat;*/
/*    width: 640px;
    height: 480px;*/
    border-radius: 7px;
    border: 1px solid #cbcbcb;
    padding: 7px;
    background-color: #EAEAEA;
}

/* Reseteo clave */
.contenedorContenidoReseteoClave {
    border-radius: 7px;
    border: 1px solid #cbcbcb;
    padding: 7px;
    background-color: #EAEAEA;
}

/* Reseteo clave realizado */
.contenedorContenidoReseteoClaveRealizado {
    border-radius: 7px;
    border: 1px solid #cbcbcb;
    padding: 7px;
    background-color: #EAEAEA;
}

/* Gestion de vehiculos */
.contenedorContenidoGestionVehiculos {
    border-radius: 7px;
    border: 1px solid #cbcbcb;
    padding: 7px;
    background-color: #EAEAEA;
    width: 550px;
}
/* modificar vehiculos */
.contenedorControlesModificarVehiculos {
    border-radius: 7px;
    border: 1px solid #cbcbcb;
    padding: 7px;
    background-color: #EAEAEA;
    width: 550px;
}

.contenedorTablaListadoVehiculos {
    width: 825px;
    margin: auto;
    
}

.cabeceraColumnasTablaListadoVehiculos {
    color: white;
    background-color: #037798;
    border-radius: 5px;
}

.columnasTablaListadoVehiculos {
    vertical-align: top;
}

.contenedorListadoVehiculos {
    border-radius: 7px;
    margin-top: 7px;
/*    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;    */
}

/* Nuevos consumos */
.cabeceraColumnasTablaNuevosConsumos {
    color: white;
    background-color: #0b86a9;
    border-radius: 5px;
    padding-left: 9px;
    padding-right: 9px;
}
.contenedorPanelControlesNuevosConsumos {
    border-radius: 7px;
    border: 1px solid #cbcbcb;
    padding: 7px;
    background-color: #EAEAEA;
    width: 550px;
}
.contenedorNuevosConsumos {
    margin-top: 15px;
}

/* El precio del crudo */
.contenedorElPrecioDelCrudo {
    background-color:  #f6f6f6;
    border-radius: 7px;
    border: 1px solid #cbcbcb;
    margin-top: 7px;
}

/* informes */
.contenedorInformesMensualYAnual {
    border-radius: 7px;
    border: 1px solid #cbcbcb;
    padding: 7px;
    background-color: #EAEAEA;
    width: 350px;
}

/* informes anuales y mensuales */
.exportarACsv {
    font-weight: bold;
    cursor: pointer;
    color: #0b86a9;
    padding-left: 7px;
    font-style: italic;
}

/* grafica diaria */
.contenedorGraficasDiarias {
    border-radius: 7px;
    border: 1px solid #cbcbcb;
    padding: 7px;
    background-color: #EAEAEA;
    width: 350px;
}
.contenedorGraficoDiario {
    height: 350px;
    padding: 20px;
}
.resultadosGraficaDiaria {
    border-radius: 7px;
    border: 1px solid #cbcbcb;
    padding: 7px;
}
/* grafica mensual */
.contenedorGraficasMensuales {
    border-radius: 7px;
    border: 1px solid #cbcbcb;
    padding: 7px;
    background-color: #EAEAEA;
    width: 350px;
}

.contenedorGraficoMensual {
    height: 300px;
    padding: 20px;
}

/* login */
.contenedorContenidoLoginUsuario {
    border-radius: 7px;
    border: 1px solid #cbcbcb;
    width: 450px;
    height: 338px;
/*    background-image: url(/motor/images/cars/Ferrarix500y375.jpg);*/
    background-image: url(/motor/images/cars/Mercedes450x338.jpg);
    background-repeat: no-repeat;
    
}
.formularioContenedorContenidoLoginUsuario {
    border-radius: 7px;
    width: 275px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
/*    background-color: #eaeaea;*/
    padding-bottom: 7px;
    padding-top: 7px;
    padding-left: 7px;
    background-image: url(/motor/images/cars/fondo.transparente.png);
    background-repeat: repeat;
    font-size: 115%;
/*    font-size: 110%;*/
}

.textoLogin {
    background-color: #eaeaea;
    border-radius: 7px;
    padding: 15px;
}
.loginColumnas {
    
}
.textoHeOlvidadoMiClave {
    font-size: 89%;
    font-weight: bold;
    color: blue;
    text-decoration: underline;
    cursor: pointer;
    padding: 7px 0px 7px 0px;
}


/* botones */
.boton {
    cursor: pointer;
    border: 1px solid white;
    width: 75px;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 3px;
    color: white;
    background-color: #00607C;
}

.boton105 {
    cursor: pointer;
    border: 1px solid white;
    width: 105px;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 3px;
    color: white;
    background-color: #00607C;
}

.boton:hover {
    border: 1px solid #00607C;
}
.boton105:hover {
    border: 1px solid #00607C;
}

/* campos de texto */
.inputLogin {
    font-size: 105%;
    width: 200px;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 5px;
    border: 1px solid blue;
}
.inputLogin:hover {
    border: 1px solid yellow;
}

/* buscador de consumos */
.contenedorContenidoBuscadorConsumos {
    border-radius: 7px;
    border: 1px solid #cbcbcb;
    padding: 7px;
    background-color: #EAEAEA;
    width: 350px;
}
.resultadosBuscador {
    margin-top: 15px;
    width: 675px;
}
.seccionPaginacionConsumos {
    text-align: center;
}

/* buscador de consumos de coches */
.columnasCriteriosDeBusquedaBuscador {
    vertical-align: top;
    text-align: left;
}
.inputBuscadorConsumos {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 2px;
    border: 1px solid blue;
    font-size: 85%;
}
.inputBuscadorConsumos:hover{
    border: 1px solid yellow;
}
.selectBuscadorConsumos {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 2px;
    border: 1px solid blue;
    background-color: #cecece;
    font-size: 85%;
}
.selectBuscadorConsumos:hover {
    border: 1px solid yellow;
}
.contenedorCamposCriteriosBusquedaConsumoYCalculadoraBuscador {
    background-color: #eaeaea;
    border-radius: 7px;
    padding: 15px;
}
.columnasCabecerasBuscadorDeConsumos {
    color: white;
    padding: 3px;
    background-color: #037798; 
    border-radius: 3px 3px 3px 3px;
}
.columnasResultadosBuscadorDeConsumos {
    color: white;
    padding: 3px;
    background-color: #037798; 
    border-radius: 3px 3px 3px 3px;
}
.contenedorlistadoConsumos {
    margin-top: 20px;
}
.textoDatosOficialesBuscadorDeConsumos  {
    margin-bottom: 10px;
}
.textoErroresBuscadorConsumos {
    padding-bottom: 3px;
    color: red;
    font-style: italic;
}
.textAlingRight {
    text-align: right;
}

/* alta de un nuevo usuario */
.contenedorContenidoAltaUsuario {
    border-radius: 7px;
    border: 1px solid #cbcbcb;
    padding: 7px;
    background-color: #EAEAEA;
}
.alink {
    text-decoration: underline;
    color: blue;
    cursor: pointer;
}




/* estilos genericos */
input {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 2px;
    border: 1px solid blue;
}
input:hover {
    border: 1px solid yellow;
}
select {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 2px;
    border: 1px solid blue;
    background-color: #cecece;
}
select:hover {
    border: 1px solid yellow;
}
.inputDisabled {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 2px;
    border: 1px solid blue;
    color: black;
}



/*

    Opciones de menu

*/
.barraSuperiorMenu {
    z-index: 1000;
    width: 100%;
    position: fixed;
    top: 0; 
    left: 0; 
    background-color: #00607C; 
    border-radius: 0px;
    border-bottom: 2px solid #ffffff;
    padding: 3px;
}
.menuPrincipal {
    background-color: #FF9055;
    color: white;
    border: 1px solid white;
    padding-left: 9px;
    padding-right: 9px;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
}
.menuPrincipal:hover {
    background-color: #ffb288;
    color: black;
}

.submenuPrincipal {
    position: absolute;
    display: none;
    background-color: #FF9055;
    width: 145px;
    color: white;
    border-bottom: 1px solid #00607C;
    border-left: 1px solid #00607C;
    border-right: 1px solid #00607C;
    z-index: 10000;
    font-size: 95%;
    cursor: pointer;
}
.submenuPrincipal3 {
    position: absolute;
    display: none;
    background-color: #00607C;
    width: 145px;
    color: white;
    border-bottom: 1px solid white;
    border-left: 1px solid white;
    border-right: 1px solid white;
    z-index: 10000;
    font-size: 95%;
    cursor: pointer;
}
.submenuEnlaces {
    padding: 5px;
    border-bottom: 0px solid #ffb288;
}
.submenuEnlaces:hover {
    background-color: #ffb288;
}
.submenuEnlaces2 {
    padding: 5px;
    border-bottom: 0px solid #ffb288;
}
.submenuEnlaces2:hover {
    background-color: #b8b8b8;
}


.aLinksubmenuEnlaces {
    color: white;
    text-decoration: none;
}

/* Barra login, crear cuenta etc */
.menuPrincipal2 {
    text-decoration: none;
    color: white;
    padding-left: 7px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 7px;
    cursor: pointer;
}
.menuPrincipal2:hover {
    background-color: #b8b8b8;
    border-radius: 3px;
}

.menuPrincipal3 {
    text-decoration: none;
    color: white;
    padding-left: 7px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 7px;
    cursor: pointer;
    background-color: #00607C;
}
.menuPrincipal3:hover {
    background-color: #b8b8b8;
}