/* FONT QUERIES */

@font-face {
    font-family: 'Apercu Movistar black';
    font-weight: normal;
    font-style: normal;
    src: url(fonts/Apercu/apercu_movistar_black-web.eot);
    src: url(fonts/Apercu/apercu_movistar_black-web.eot?#iefix) format('embedded-opentype'),
         url(fonts/Apercu/apercu_movistar_black-web.woff2) format('woff2'),
         url(fonts/Apercu/apercu_movistar_black-web.woff) format('woff'),
         url(fonts/Apercu/apercu_movistar_black-web.ttf) format('truetype'),
         url(fonts/Apercu/apercu_movistar_black-web.svg#apercu_movistar_black) format('svg');
}

@font-face {
    font-family: 'Apercu Movistar regular';
    font-weight: normal;
    font-style: normal;
    src: url(fonts/Apercu/apercu_movistar_regular-web.eot);
    src: url(fonts/Apercu/apercu_movistar_regular-web.eot?#iefix) format('embedded-opentype'),
         url(fonts/Apercu/apercu_movistar_regular-web.woff2) format('woff2'),
         url(fonts/Apercu/apercu_movistar_regular-web.woff) format('woff'),
         url(fonts/Apercu/apercu_movistar_regular-web.ttf) format('truetype'),
         url(fonts/Apercu/apercu_movistar_regular-web.svg#apercu_movistar_regular) format('svg');
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/

/*----- Clases de la cabecera de la aplicación -----*/
#cabeceraApp
{
    float:left;
    width:100%;
    margin-bottom:-2px;
}
.logoCabecera
{
    margin-left:15px;
    margin-top:15px;
    margin-bottom:15px;
    float:left;
    width:400px;
    height:45px;
}

.logoCabeceraImage
{
  background-image: url("images/logo_titulo.png");
  background-size: auto 98%;
  background-position: left; 
  background-repeat: no-repeat; /* Do not repeat the image */
}

.textoCabecera
{
    text-align:center;
    font-family:'Apercu Movistar black';
    font-size:22px;
    padding-left:45px;
    padding-top:12px;
    display:block;
    height:40px;
    /*vertical-align:center;*/
}

#navgroup
{
    text-align:right;
    margin-bottom:15px;
    margin-right:3px;
}
#navgroup div
{
    display:inline-block;
}
/*-----*/

/*----- Clases del cuerpo de la aplicación -----*/
#cuerpoApp
{
    /*background-image:url('./images/azul_cuad.png');*/
    background-repeat:no-repeat;
    background-position:35px bottom;
    background-color:#ffffff;
    clear:both;
}
#cuerpoApp #subtitulo
{
    margin-bottom:15px;
}
#cuerpoApp #subtitulo li
{
    font-size:15px;
}
#cuerpoApp #cabeceraPagina
{
    margin-bottom:15px;
}
#cuerpoApp #cabeceraPagina li
{
    font-size:15px;
}
#cuerpoApp #cabeceraPagina li.textoMensaje
{
    font-size:14px;
}
/*-----*/

/*----- Clases del pie de página de la aplicación -----*/
#pieApp
{
    border-top-width:2px;
}
#piePaginaApp
{
   /* background-image:url('./images/logo_pie.png');
    background-repeat:no-repeat;
    background-position:6px 8px;*/
}
#piePaginaApp #espacioLogoPie
{
    width:145px;
    height:40px;
    float:left;
}
#piePaginaApp #textoPiePagina
{
    text-align:center;
    font-family:'Apercu Movistar regular';
    font-size:16px;
    padding-top:1em;
    display:block;
    height:40px;
    /*vertical-align:center;*/
}
/*-----*/

/*----- Listas de la aplicación -----*/
li
{
    font-size:14px;
}
li.disabled
{
    pointer-events:none;
    opacity:0.6;
}
/*-----*/

/*----- Clases de jQuery Mobile -----*/
.ui-field-contain
{
    border-bottom-width:0;
}
.ui-field-contain div.ui-input-text
{
    width:100%;
}
fieldset.camposForm
{
    border:2px;
    border-style:solid;
    border-color:#dddddd;
    padding-left:15px;
    padding-right:15px;
    margin-bottom:15px;
    background-color:#ffffff;
}
fieldset.camposForm legend.tituloForm
{
    font-weight:bold;
    font-size: 1em;
    color:#005C84;
}
#cabeceraPagina .ui-li-divider
{
    /*background-image:url('./images/azul_cuad.png');*/
    background-repeat:no-repeat;
    background-position:90% top;
    border-top-width:0;
    padding-top:0.5em;
    padding-bottom:0.5em;
    padding-left:1.143em;
    padding-right:1.143em;
}
#cabeceraPagina .ui-li-static
{
    border-top-width:0;
    padding-top:0.5em;
    padding-bottom:0.5em;
    padding-left:1.143em;
    padding-right:1.143em;
}
.ui-loader
{
    background:transparent !important;
}
.customLoader
{
    background:transparent !important;
    /*text-align:center;*/
}
/*----- Listas de la aplicación -----*/
/*----- Mapa -----*/
.bordeMapa
{
    padding:1em;
    margin-bottom:20px;
}
#datosInfoWindowMapa
{
    font-family: Helvetica, Arial, sans-serif;
}
#datosInfoWindowMapa .MiPosicion
{
    font-size:1.4em;
}
#datosInfoWindowMapa .cabeceraInfoWindowMapa
{
}
#datosInfoWindowMapa .cabeceraInfoWindowMapa table
{
    width:100%;
    border-collapse:collapse;
    margin-top:5px;
}
#datosInfoWindowMapa .cabeceraInfoWindowMapa tr
{
}
#datosInfoWindowMapa .cabeceraInfoWindowMapa td, #datosInfoWindowMapa .cabeceraInfoWindowMapa th
{
    border:1px solid #d6d6d6;
    padding:3px 7px 2px 7px;
}
#datosInfoWindowMapa .cabeceraInfoWindowMapa th
{
    font-size:1.1em;
    text-align:left;
    padding-top:5px;
    padding-bottom:4px;
    background-color:#1eebeb;
    color:#000;
}
#datosInfoWindowMapa .cabeceraInfoWindowMapa td.primera
{
    background-color:#d2fbfb;
}
#datosInfoWindowMapa .solicitudesInfoWindowMapa
{
}
#datosInfoWindowMapa .solicitudesInfoWindowMapa table
{
    width:100%;
    border-collapse:collapse;
    margin-top:5px;
}
#datosInfoWindowMapa .solicitudesInfoWindowMapa tr
{
}
#datosInfoWindowMapa .solicitudesInfoWindowMapa td, #datosInfoWindowMapa .solicitudesInfoWindowMapa th
{
    border:1px solid #d6d6d6;
    padding:3px 7px 2px 7px;
}
#datosInfoWindowMapa .solicitudesInfoWindowMapa th
{
    font-size:1.1em;
    text-align:left;
    padding-top:5px;
    padding-bottom:4px;
    background-color:#1eebeb;
    color:#000;
}
#datosInfoWindowMapa .solicitudesInfoWindowMapa tr.alt td
{
    color:#000;
    background-color:#d2fbfb;
}
#datosInfoWindowMapa .botonesInfoWindowMapa
{
    margin-top:10px;
}
#datosInfoWindowMapa .botonesInfoWindowMapa button
{
    background-color: #e6e6e6;
    border: 1px solid #d6d6d6;
    margin-right:5px;
    cursor: pointer;
    font-size:1.1em;
    text-align: center;
}
#datosInfoWindowMapa .cabeceraErrorInfoWindowMapa table
{
    width:100%;
    border-collapse:collapse;
    margin-top:5px;
}
#datosInfoWindowMapa .cabeceraErrorInfoWindowMapa tr
{
}
#datosInfoWindowMapa .cabeceraErrorInfoWindowMapa td, #datosInfoWindowMapa .cabeceraErrorInfoWindowMapa th
{
    border:1px solid #d6d6d6;
    padding:5px 8px 5px 8px;
    text-align:left;
}
#datosInfoWindowMapa .cabeceraErrorInfoWindowMapa th
{
    background-color:#ff9966;
    color:#fff;
}

.bordeBotonMapa
{
    background-color: #fff;
    border: 3px solid #d2fbfb;
    cursor: pointer;
    margin-right: 2px;
    margin-bottom: 2px;
    text-align: center;
}
.interiorBotonMapa
{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #000;
    line-height: 35px;
    padding-left: 5px;
    padding-right: 5px;
}