@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Fjalla+One);

body {
    margin: 0;
    padding: 0;
    border: 0;
    background-color: #f3f3f3;
    overflow: hidden;
}

a:link {
    text-decoration: none;
    color: #00A8E3;
}
a:active {
    text-decoration: none;
    color: #00A8E3;
}
a:hover {
    text-decoration: none;
    color: #00A8E3;
}
a:visited {
    text-decoration: none;
    color: #00A8E3;
}

.contenedor-sitio {
    width: 100%;
    height: 100%;
}
td {
    height: 45px;
}

button {
    background: none repeat scroll 0 0 transparent;
    background-color: #f3f3f3;
    border: 1px solid #333;
    border-radius: 10px;
    border-spacing: 0;
    color: #777777;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.42rem;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    cursor: pointer;
    margin-bottom: 10px;
}
button:active {
    background: none repeat scroll 0 0 transparent;
    background-color: #f3f3f3;
    border: 1px solid #333;
    border-radius: 10px;
    border-spacing: 0;
    color: #777777;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.42rem;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    cursor: pointer;
    margin-bottom: 10px;
}

input[type=text], [type=password] {
    -webkit-appearance: textfield;
    background-color: white;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    cursor: auto;
    padding: 1px;
    height: 32px;
    border: 1px solid #333;
    border-radius: 6px;
}
input[placeholder], [placeholder], *[placeholder] {
    font-style: italic !important;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    font-style: italic;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-style: italic;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-style: italic;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-style: italic;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
    font-style: italic;
}


/****   HEADER   **************************/
.divHeaderIndex {
    background-color: #125AA5;
    border-bottom: 6px solid #00a7df;
    z-index: 900;
    height: 90px;
    width: 100%;
    min-width: 700px;
}
#divMenuIndexMobile {
    display:none;
}
/****   HEADER  WEB  **********************/
.logo-header-izq {
    /*border: 1px solid #00FFFF;*/
    width: 250px;
    height: 80px;
    float: left;
    text-align: left;
    position: relative;
}
.logo-header-izq img {
    width: auto;
    height: 50px;
    margin-left: 40px;
    margin-top: 20px;
}
.logo-header-cen {
    /*border: 1px solid #FFFF00;*/
    width: 250px;
    height: 80px;
    float: left;
    text-align: center;
    position: relative;
}
.logo-header-cen-1 {
    font-family: 'Fjalla One', sans-serif;
    font-size: 19px;
    color: white;
    text-align: center;
	margin-top: 20px;
}
.logo-header-cen-2 {
    font-family: 'Fjalla One', sans-serif;
    font-size: 23px;
    color: #00a7df;
    text-align: center;
}
.logo-header-der {
    /*border: 1px solid #00FFFF;*/
    width: 180px;
    height: 80px;
    float: right;
    text-align: right;
    position: relative;
}
.logo-header-der img {
    width: auto;
    height: 70px;
    margin-right: 40px;
    margin-top: 10px;
}
/****   HEADER  MOBILE  *******************/
.logo-header-izq-mobile {
    /*border: 1px solid #00FFFF;*/
    display: none;
}
.logo-header-izq-mobile img {
    display: none;
}
.logo-header-cen-mobile {
    /*border: 1px solid #FFFF00;*/
    display: none;
}
.logo-header-cen-1-mobile {
    display: none;
}
.logo-header-cen-2-mobile {
    display: none;
}
.logo-header-der-mobile {
    /*border: 1px solid #00FFFF;*/
    display: none;
}
.logo-header-der-mobile div {
    display: none;
}
.btnHeaderIndex {
    display: none;
}
.btnHeaderIndex:hover {
    display: none;
}
.btnHeaderIndex:active {
    display: none;
}


/****   FOOTER   **************************/
.divFooterIndex {
    /*border: 1px solid #FFFF00;*/
    height: 60px;
    width: 100%;
    min-width: 700px;
    z-index: 900;
    background-color: #125AA5;
    border-bottom: 6px solid #00a7df;
}
/****   FOOTER LEFT   *********************/
.cerrar-sesion {
    /*border: 1px solid #FF0000;*/
    height: 60px;
    float: left;
    margin-left: 20px;
    /*display: inline;*/
    display: none;
}
.cerrar-sesion img {
    padding-top: 14px;
}
.cerrar-sesion p {
    color: white;
    font-family: 'Fjalla One', sans-serif;
    margin-top: -28px;
    margin-left: 43px;
    white-space: nowrap;
}
#btnContSalir {
    /*border: 1px solid #FF0000;*/
    height: 60px;
    float: left;
    cursor: pointer;
    margin-right: 15px;
}
/****   FOOTER CENTER   *******************/
.info-centro {
    /*border: 1px solid #FF0000;*/
    height: 60px;
    float: left;
    margin-left: 20px;
    display: inline;
}
.info-centro p {
    color: white;
    font-size: 12px;
    padding-top: 10px;
    font-family: 'Fjalla One', sans-serif;
    white-space: nowrap;
}
/****   FOOTER RIGHT   ********************/
.icos-mapa {
    /*border: 1px solid #FF0000;*/
    height: 60px;
    float: right;
    margin-right: 20px;
}
.icos-mapa img {
    padding-top: 14px;
}
.icos-mapa p {
    color: white;
    font-family: 'Fjalla One', sans-serif;
    margin-top: -28px;
    margin-left: 43px;
    white-space: nowrap;
}
#btnVerMapa {
    /*border: 1px solid #FF0000;*/
    float: left;
    cursor: pointer;
    height: 60px;
    margin-left: 15px;
}
#btnActualizarCortes {
    /*border: 1px solid #FF0000;*/
    float: left;
    cursor: pointer;
    height: 60px;
    margin-left: 15px;
}
#btnLocalizame {
    /*border: 1px solid #FF0000;*/
    float: left;
    cursor: pointer;
    height: 60px;
    margin-left: 15px;
}


/****   CONTENEDOR   **********************/
.divContenedorIndex {
    /*border: 1px solid #FF0000;*/
    width: 100%;
    min-width: 700px;
    height: 500px;
    position: relative;
}


/****   MENU FLOTANTE INFO CORTE  *********/
.divInfoCorte {
    border: 2px solid #00A7DF;
    background-color: #424242;
    border-radius: 6px;
    position: absolute;
    display: none;
    width: auto;
    min-width: 10px;
    max-width: 50%;
    min-height: 25px;
    z-index: 990;
    right: 5px;
    top: 5px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
}
.divInfoCorte_btn_ocultar {
    position: absolute;
    z-index: 900;
    top: 3px;
    left: 3px;
    width: 25px;
}
.divInfoCorte_btn_ocultar img {
    cursor: pointer;
    width: 25px;
}
.divInfoCorte_btn_mostrar {
    position: absolute;
    z-index: 900;
    top: 3px;
    left: 3px;
    width: 25px;
    display: none;
}
.divInfoCorte_btn_mostrar img {
    cursor: pointer;
    width: 25px;
}
.divInfoCorte_btn_cerrar {
    position: absolute;
    z-index: 900;
    top: 3px;
    right: 3px;
    width: 25px;
}
.divInfoCorte_btn_cerrar img {
    cursor: pointer;
    width: 25px;
}
.divInfoCorte_Header {
    /*border: 1px solid #FF0000;*/
    z-index: 800;
    width: auto;
    white-space: nowrap;
    text-align: center;
    color:#00a7df;
    font-family: 'Fjalla One', sans-serif;
    font-size:17px;
    padding-bottom: 5px;
}
.divInfoCorteContenido {
    /*border: 1px solid #0000FF;*/
    z-index: 800;
    width: 270px;
    max-height: 90%;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0;
    padding: 0;
    color: white;
    font-family: 'Fjalla One', sans-serif;
    font-size: 14px;
}
.divInfoCorteContenido H2 {
    height: auto;
    margin: 0;
    padding: 0;
    text-align: left;
    font-weight: normal;
    white-space: nowrap;
    color: #00a7df;
    font-family: 'Fjalla One', sans-serif;
    font-size:15px;
}
.divInfoCorteContenido table {
    margin: 0;
    padding: 0;
    width: 100%;
    border: 0 !important;
    border-collapse: collapse;
}
.divInfoCorteContenido th {
    /*border:1px solid #FF0000 !important;*/
    width: 63px !important;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: left;
    vertical-align: top;
    font-weight: normal;
    color: white;
    font-family: 'Fjalla One', sans-serif;
    font-size: 13px;
    position: relative;
}
.divInfoCorteContenido td {
    /*border:1px solid #FF0000 !important;*/
    height: auto;
    margin: 0;
    padding: 0 0 0 5px;
    text-align: left;
    vertical-align: top;
    font-weight: normal;
    color: white;
    font-family: 'Fjalla One', sans-serif;
    font-size: 13px;
    position: relative;
}
.divInfoCorteCargando {
    /*border: 1px solid #FF0000;*/
    height: 30px;
    text-align: left;
    vertical-align: middle;
    margin: 0;
    padding: 10px 0 0 0;
}
.divInfoCorteCargando img {
    width: 25px;
    vertical-align: middle;
    margin: 0;
    padding: 0;
}
.divInfoCorteContenido_Rojo {
    margin: 5px 0 5px 0;
    padding: 0;
    text-align: left;
    font-weight: normal;
    color: #FF0013;
    font-family: 'Fjalla One', sans-serif;
    font-size: 15px;
}
.divInfoCorteContenido_Verde {
    margin: 5px 0 5px 0;
    padding: 0;
    text-align: left;
    font-weight: normal;
    color: #028900;
    font-family: 'Fjalla One', sans-serif;
    font-size: 15px;
}
.divInfoCorteContenido_Naranjo {
    margin: 5px 0 5px 0;
    padding: 0;
    text-align: left;
    font-weight: normal;
    color: #FFA500;
    font-family: 'Fjalla One', sans-serif;
    font-size: 15px;
}
.divInfoCorte_Data {
    margin: 0;
    padding: 0;
    background-color: #424242;
    position: relative;
}
.divInfoCorte_Canvas {
    /*border: 1px solid #FF0000; */
    display: none;
    z-index: 990;
    position: absolute;
    bottom: 35px;
    right: 0;
    margin: 0;
    padding: 0;
    width: 45px;
    height: 45px;
    background-image: url("../imagenes/iconos/ico_BackGround_Vacio.png");
    background-repeat: no-repeat;
    background-size: 45px 45px;
}
.divInfoCorte_Canvas canvas {
    border-radius: 50%;
    position: absolute;
    bottom: 0px;
    right: 0;
    z-index: 999;
    width: 45px !important;
    height: 45px !important;
    opacity: 0.3;
}
.divInfoCorte_Canvas img {
    border-radius: 50%;
    position: absolute;
    bottom: 0px;
    right: 0;
    z-index: 999;
    width: 45px !important;
    height: 45px !important;
    opacity: 0.3;
}
.divInfoCorte_Footer {
    /*border: 1px solid #FF0000;*/
    text-align: left;
    vertical-align: middle;
    margin: 0;
    padding: 0;
}
.divInfoCorte_Footer table {
    width: 100%;
}
.divInfoCorte_Footer th {
    /*border:1px solid #FF0000 !important;*/
    font-size: 70%;
}
.divInfoCorte_Footer td {
    /*border:1px solid #FF0000 !important;*/
    height: auto;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 80%;
}
.divInfoCorte_Footer img {
    height: 30px;
    margin: 0;
    padding: 0;
}


/****   USUARIO CONTENEDOR  ***************/
#divContenedorUsuario {
    /*border: 1px solid #FF0000;*/
    position: absolute;
    text-align: left;
    background-color: #f3f3f3;
    z-index: 700;
    display: none;
    right: 0px;
    cursor: default;
    margin: 0;
    padding: 0;
    overflow:hidden;
}
.usuario_title {
    /*border: 1px solid #FF0000;*/
    height: 30px;
    font-family: 'Fjalla One', sans-serif;
    font-size: 24px;
    color: #00A7DF;
    font-weight: bold;
    text-align: left;
    vertical-align: bottom;
    padding-top: 0;
    padding-bottom: 5px;
}
.usuario_title div {
    /*border: 1px solid #FF0000;*/
    width: auto;
    height: 25px;
    text-align: left;
    vertical-align: bottom;
    font-weight: normal;
    white-space: normal;
    color: #777777;
    font-family: 'Fjalla One', sans-serif;
    font-size: 16px;
    padding: 0;
    margin: 0;
    display: inline;
}
.usuario_title span {
    /*border: 1px solid #0000FF;*/
    padding: 0;
    margin: 0;
    margin-left: 10px;
}
.usuario_title select {
    width: 165px;
    height: 25px;
    background-color: #FFFFFF !important;
    background-image: url(../imagenes/iconos/arrow_select.png) !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
    background-position: 98% 2px !important;
    border: 1px solid #ccc;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    cursor: auto;
    border: 1px solid #333;
    border-radius: 6px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding: 0;
    padding-left: 3px;
    margin: 0;
    margin-left: 5px;
}
.usuario_title button {
    width: 60px;
    height: 25px;
    background-color: #f3f3f3;
    color: #777777;
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #333;
    border-radius: 10px;
    border-spacing: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    list-style: none outside none;
    padding: 0;
    margin: 0;
    margin-left: 10px;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    cursor: pointer;
    /*border: 1px solid #0000FF;*/
}
.usuario_title button:hover, button:active {
    background-color: #00A7DF;
    color: #fff !important;
    background: #00A7DF;
    border: 1px solid #00A7DF;
}
.usuario_title_txt {
    /*border: 1px solid #FF0000;*/
    text-align: left;
    font-family: 'Fjalla One', sans-serif;
    font-size: 15px;
    line-height: 22px;
    color: #424242;
    white-space: nowrap;
}
.usuario_input_txt {
    /*background-color: #FFFFFF !important;
    background-image: url(../imagenes/iconos/ico_buscar.png) !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
    background-position: 98% 7px !important;*/
    width: 100%;
    height: 32px;
}
.usuario_input_txt:disabled {
    background-color: #D3D3D3 !important;
}

/****   CORTES ACTIVOS CONTENEDOR  ********/
#divVerCortes {
    /*border: 1px solid #0000FF;*/
    display: none;
    width: 94%;
    cursor: default;
    margin: 0;
    margin-left: 3%;
    margin-right: 3%;
    z-index: 800;
    margin-top: 20px;
}
.divVerCortesCont {
    /*border: 1px solid #00FF00;*/
    overflow: auto;
    width: 100%;
    height: 200px;
}
.divVerCortesMensaje {
    /*border: 1px solid #0000FF;*/
    width: 98%;
    padding-left: 0;
    padding-right: 0;
    padding-top: 40px;
    padding-bottom: 10px;
    font-family: 'Fjalla One', sans-serif;
    font-size: 16px;
    color: #777777;
    text-align: center;
    z-index: 800;
}
.divVerCortesItem {
    /*border: 1px solid #0000FF;*/
    /*height: 110px;*/
    width: 100%;
    padding: 0;
    /*padding: 5px 0 5px 0;*/
    /*border-bottom: 1px solid #777777;*/
    z-index: 800;
    position: relative;
}
.divVerCortesItem table {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
    border: 0;
    border-collapse: collapse;
    color: #424242;
    font-family: 'Fjalla One', sans-serif;
    font-size: 16px;
}
.divVerCortesItem th {
    /*border: 1px solid #FF0000;*/
    height: auto;
    text-align: left;
    vertical-align: top;
    font-weight: bold;
    white-space: nowrap;
    color: #00A7DF;
    font-family: 'Fjalla One', sans-serif;
    font-size: 17px;
    margin: 0;
    padding: 0;
}
.divVerCortesItem td {
    /*border: 1px solid #FF0000;*/
    height: auto;
    text-align: left;
    vertical-align: top;
    font-weight: normal;
    white-space: normal;
    color: #424242;
    font-family: 'Fjalla One', sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 0;
}

/****   CORTES ACTIVOS PAGINACION  ********/
.divVerCortesPaginacion {
    /*border: 1px solid #FF0000;*/
    width: 100%;
    height: 35px;
    position: relative;
}
.divVerCortesPagAnterior {
    /*border: 1px solid #FFFF00;*/
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    text-align: left;
    height: 35px;
}
.divVerCortesPagAnterior img {
    position: absolute;
    top: 5px;
    left: 0px;
    cursor: pointer;
    width: 25px;
    height: 25px;
    margin: 0;
    padding: 0;
}
.divVerCortesPagAnterior span {
    position: absolute;
    top: 5px;
    left: 35px;
    margin: 0;
    white-space: nowrap;
    color: #777777;
    padding-bottom: 5px;
    border-bottom: 1px solid #777777;
}
.divVerCortesPagActual {
    /*border: 1px solid #FFFF00;*/
    display: none;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    left: 0;
    right: 0;
    width: 150px;
    text-align: center;
    height: 35px;
}
.divVerCortesPagActual span {
    white-space: nowrap;
    color: #777777;
    padding-bottom: 5px;
    border-bottom: 1px solid #777777;
}
.divVerCortesPagSiguiente {
    /*border: 1px solid #FFFF00;*/
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 150px;
    text-align: left;
    height: 35px;
}
.divVerCortesPagSiguiente img {
    position: absolute;
    top: 5px;
    right: 0px;
    cursor: pointer;
    width: 25px;
    height: 25px;
    margin: 0;
    padding: 0;
}
.divVerCortesPagSiguiente span {
    position: absolute;
    top: 5px;
    right: 35px;
    margin: 0;
    white-space: nowrap;
    color: #777777;
    padding-bottom: 5px;
    border-bottom: 1px solid #777777;
}

/****   CORTES ACTIVOS COLUMNAS  **********/
.td_Num {
    white-space: nowrap !important;
    width: 30px;
}
.td_IcoInfoExtra {
    white-space: nowrap !important;
    width: 30px;
}
.td_Aviso_title {
    white-space: nowrap !important;
    width: 45px;
}
.td_Aviso_txt {
    width: auto;
}
.td_Donde_title {
    white-space: nowrap !important;
    width: 45px;
}
.td_Donde_txt {
    width: auto;
}
.td_Inicio_title {
    white-space: nowrap !important;
    width: 43px;
}
.td_Inicio_txt {
    white-space: normal !important;
    width: 135px;
}
.td_Fin_title {
    white-space: nowrap !important;
    width: 27px;
}
.td_Fin_txt {
    white-space: normal !important;
    width: 135px;
}
.td_Localidad_title {
    white-space: nowrap !important;
    width: 65px;
}
.td_Localidad_txt {
    width: auto;
}
.td_Comuna_title {
    white-space: nowrap !important;
    width: 57px;
}
.td_Comuna_txt {
    width: auto;
}
.td_IcoBuscarCorte {
    text-align: right !important;
    width: 35px;
}
.td_IcoBuscarCorte img {
    cursor: pointer;
    width: 25px;
    margin: 0;
    padding: 0 5px 0 0;
}

/****   CORTES ACTIVOS COLUMNAS SUB  ******/
.trVerCortes_sub {
    display: none;
    border: 0 !important;
}
.tdVerCortes_sub_1 {
    /*border: 1px solid #FF0000;*/
    border: 0 !important;
}
.tdVerCortes_sub_2 {
    /*border: 1px solid #0000FF;*/
    border: 0 !important;
    border-top: 1px solid #777777 !important;
    border-bottom: 1px solid #777777 !important;
}
.tdVerCortes_sub_img {
    /*Opciones*/
    cursor: pointer;
    position: relative !important;
    width: 20px;
    margin: 0;
    padding: 0 !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-bottom: 5px !important;
}
.tdVerCortes_sub_2 table {
    width: 99%;
    margin: 0;
    padding: 0;
    border: 0 !important;
    border-collapse: collapse;
    font-family: 'Fjalla One', sans-serif;
    font-size: 16px;
    color: #424242 !important;
}
.tdVerCortes_sub_2 th {
    /*border: 1px solid #FF0000;*/
    width: 100px;
    height: auto;
    position: relative;
    text-align: left;
    vertical-align: top;
    font-weight: normal;
    white-space: normal;
    color: #424242;
    font-family: 'Fjalla One', sans-serif;
    font-size: 16px;
    border: 0;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    /*border-top: 1px solid #777777;
    border-bottom: 1px solid #777777;*/
}
.tdVerCortes_sub_2 td {
    /*border: 1px solid #0000FF;*/
    width: auto;
    height: auto;
    position: relative;
    text-align: left;
    vertical-align: top;
    font-weight: normal;
    white-space: normal;
    color: #424242;
    font-family: 'Fjalla One', sans-serif;
    font-size: 15px;
    border: 0;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    /*border-top: 1px solid #777777;
    border-bottom: 1px solid #777777;*/
}
.tdVerCortes_sub_2 h2 {
    /*border: 1px solid #0000FF;*/
    width: auto;
    height: auto;
    text-align: left;
    vertical-align: top;
    font-weight: normal;
    white-space: normal;
    color: #00a7df;
    font-family: 'Fjalla One', sans-serif;
    font-size: 16px;
    border: 0;
    margin: 0;
    padding: 0;
}
.tdVerCortes_sub_2 img {
    /*Opciones*/
    position: absolute;
    width: 20px;
    margin: 0;
    padding: 0;
}


/****   MENU PRINCIPAL  *******************/
#divMenuIndex {
    /*border: 1px solid #FF0000;*/
    width: 350px;
    position: relative;
    background-color: #f3f3f3;
    border-right: 1px solid #D8D8D8;
    float: left;
    z-index: 900;
}
.divMenuCerrar {
    /*border: 1px solid #FF0000;*/
    position: absolute;
    top: 10px;
    right: 5px;
    cursor: pointer;
}
.divMenuCerrar img {
    /*border: 1px solid #0000FF;*/
    float: left;
    cursor: pointer;
    margin-right: 5px;
}
.divMenuLogo {
    /*border: 1px solid #0000FF;*/
    width: 100%;
    position: absolute;
    bottom: 10px;
}
.divMenuLogo img {
    display: block;
    width: 90%;
    margin: 0 auto 0 auto;
} 
.divMenuBotonera {
    width: 70%;
    margin: 0 auto;
    /*border: 1px solid #FF0000;*/
    /*display: none;*/
}
.btnNormal {
    width: 100%;
    height: 50px;
    background-color: #f3f3f3;
    color: #777777;
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #333;
    border-radius: 10px;
    border-spacing: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.42rem;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    cursor: pointer;
    margin-bottom: 10px;
    /*border: 1px solid #0000FF;*/
}
.btnActivo {
    width: 100%;
    height: 50px;
    background-color: #424242;
    color: white;
    /*background: none repeat scroll 0 0 transparent;*/
    border: 1px solid #333;
    border-radius: 10px;
    border-spacing: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.42rem;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    cursor: pointer;
    margin-bottom: 10px;
    /*border: 1px solid #FF0000;*/
}
.btnNormal:hover, .btnActivo:hover {
    width: 100%;
    height: 50px;
    background-color: #00A7DF;
    color: #fff !important;
    background: #00A7DF;
    border: 1px solid #00A7DF;
    border-radius: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}

/****   SIMBOLOGIA WEB   ******************/
.divSimbologia {
    /*border: 1px solid #FF0000;*/
    margin: 0 auto;
}
.divSimbologia_title {
    width: 120px;
    height: 26px;
    font-size: 14px;
    color: white;
    background-color: #424242;
    font-family: 'Fjalla One', sans-serif;
    border-radius: 4px;
    margin: 0 auto;
}
.divSimbologia_title p {
    padding-top: 5px;
    text-align: center;
}
.divSimbologia_Cont {
    /*border: 1px solid #FF0000;*/
    height: 100px;
    /*margin: 10px auto 0 20px;*/
    margin: 10px auto 0 0px;
    text-align: center;
    position: relative;
    display: inline-block;
}
.divSimbologia_Div {
    width: 90px;
    background-color: #ffffff;
    border: 1px solid #999;
    /*float: left;*/
    margin: 5px;
    text-align: center;
    display: inline-block;
}
.divSimbologia_Div img {
    width:70px;
    margin: 5px;
    /*margin-left: 12%;*/
}

/****   SIMBOLOGIA MOBILE   ***************/
.divSimbologiaMobile {
    /*border: 1px solid #FF0000;*/
    display: none;
}
.divSimbologia_titleMobile {
    display: none;
}
.divSimbologia_titleMobile p {
    display: none;
}
.divSimbologia_ContMobile {
    /*border: 1px solid #FF0000;*/
    display: none;
}
.divSimbologia_DivMobile {
    display: none;
}
.divSimbologia_DivMobile img {
    display: none;
}



/****   BUSCADORES   **********************/
#divContenedorBuscador {
    /*border: 1px solid #FF0000;*/
    position: absolute;
    right: 0px;
    cursor: default;
    background-color: #f3f3f3;
    z-index: 800;
    display: none;
}
.buscador_title {
    width: 80%;
    height: 30px;
    font-family: 'Fjalla One', sans-serif;
    font-size: 24px;
    color: #00A7DF;
    margin-top: 30px;
    margin-left: 10%;
    font-weight: bold;
}
.buscador_title_2 {
    width: auto;
    height: 30px;
    font-family: 'Fjalla One', sans-serif;
    font-size: 24px;
    color: #00A7DF;
    padding-top: 30px;
    margin-left: 10%;
    font-weight: bold;
    float: left;
    display: inline;
}
.buscador_title_txt {
    height: 30px;
    font-family: 'Fjalla One', sans-serif;
    color: #424242;
    width: 80%;
    font-size: 15px;
    margin-top: 20px;
    line-height: 22px;
    margin-left: 10%;
}
.buscador_btn_cerrar {
    height: 30px;
    position: absolute;
    right: 30px;
    top: 30px;
}
.buscador_btn_cerrar img {
    float: right;
    cursor: pointer;
}

/****   BUSCADOR DIRECCION   **************/
#divBuscarDireccion {
    width: 70%;
    background-color: #424242;
    border-radius: 20px;
    margin-left: 15%;
    margin-top: 40px;
    padding-bottom: 20px;
    position: relative;
}
#divBuscarDireccionCargando {
    display: none;
    float: left;
    margin-left: 50%;
}
#tablaBuscarDireccion {
    width: 80%;
    margin-left: 10%;
    padding-top: 4%;
}
#tablaBuscarDireccion th {
    color: white;
    font-family: 'Fjalla One', sans-serif;
    font-weight: normal;
    text-align: left;
    width: 110px;
}
#tablaBuscarDireccion td {
    color: white;
    font-family: 'Fjalla One', sans-serif;
}
.buscador_select {
    width: 99%;
    background-color: #FFFFFF !important;
    background-image: url(../imagenes/iconos/arrow_select.png) !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
    background-position: 98% 7px !important;
    border: 1px solid #ccc;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    cursor: auto;
    height: 36px;
    border: 1px solid #333;
    border-radius: 6px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding: 1px;
    padding-left:3px;
}
.buscador_input_txt {
    width: 98%;
    background-color: #FFFFFF !important;
    background-image: url(../imagenes/iconos/ico_buscar.png) !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
    background-position: 98% 7px !important;
    border: 1px solid #ccc;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    cursor: auto;
    height: 32px;
    border: 1px solid #333;
    border-radius: 6px;
    appearance: textfield;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    padding: 1px;
    padding-left:6px;
}
.btnBuscarDireccion {
    width: 20%;
    height: 36px;
    border-radius: 6px;
    float: right;
    margin-right: 15%;
}
.btnBuscarDireccion:hover {
    width: 20%;
    height: 36px;
    float: right;
    background-color: #00A7DF;
    color: #fff !important;
    background: #00A7DF;
    border: 1px solid #00A7DF;
    border-radius: 6px;
    margin-right: 15%;
}
.divBtnBuscar {
    width: 100%;
    height: 40px;
    margin-top: 10px;
}

/****   BUSCADOR INTERSECCION   ***********/
#divBuscarInterseccion {
    width: 70%;
    background-color: #424242;
    border-radius: 20px;
    margin-left: 15%;
    margin-top: 40px;
    padding-bottom: 20px;
    position: relative;
}
#divBuscarInterseccionCargando {
    display: none;
    float: left;
    margin-left: 50%;
}
#tablaBuscarInterseccion {
    width: 80%;
    margin-left: 10%;
    padding-top: 4%;
}
#tablaBuscarInterseccion th {
    color: white;
    font-family: 'Fjalla One', sans-serif;
    font-weight: normal;
    text-align: left;
    width: 110px;
}
#tablaBuscarInterseccion td {
    color: white;
    font-family: 'Fjalla One', sans-serif;
}
.btnBuscarInterseccion {
    width: 20%;
    height: 36px;
    border-radius: 6px;
    float: right;
    margin-right: 15%;
}
.btnBuscarInterseccion:hover {
    width: 20%;
    height: 36px;
    float: right;
    background-color: #00A7DF;
    color: #fff !important;
    background: #00A7DF;
    border: 1px solid #00A7DF;
    border-radius: 6px;
    margin-right: 15%;
}



/****   INFORMAR PROBLEMA   ***************/
#divInformarProblema {
    /*border: 1px solid #FF0000;*/
    display: none;
    background-color: #424242;
    z-index: 900;
    position: absolute;
    top:50px;
    left:400px;
    border-radius: 20px;
    width: 500px;
}
.divInformarProblema_title {
    width: 90%;
    position: relative;
    text-align: left;
    font-family: 'Fjalla One', sans-serif;
    font-size: 24px;
    color: #00A7DF;
    margin-top: 20px;
    margin-left: 5%;
    font-weight: bold;
}
.divInformarProblema_btn_cerrar {
    position: absolute;
    top: 3px;
    right:0;
}
.divInformarProblema_btn_cerrar img {
    cursor: pointer;
}
#divInformarProblemaCargando {
    display: none;
    position: absolute;
    left:50%;
    width: 20%;
}
.tablaInformarProblema {
    width: 90%;
    margin-left: 5%;
    padding-top: 15px !important;
}
.tablaInformarProblema th {
    /*border: 1px solid #FF0000;*/
    width: 30%;
    height: 32px;
    padding-top: 5px;
    text-align: left;
    vertical-align: top;
    font-weight: normal;
    color: white;
    font-family: 'Fjalla One', sans-serif;
}
.tablaInformarProblema td {
    /*border: 1px solid #0000FF;*/
    width: 70%;
    height: 32px;
    padding-top: 5px;
    vertical-align: top;
    color: white;
    font-family: 'Fjalla One', sans-serif;
}
.tablaInformarProblema select {
    width: 100%;
    padding: 1px;
    background-color: #FFFFFF !important;
    background-image: url(../imagenes/iconos/arrow_select.png) !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
    background-position: 98% 5px !important;
    border: 1px solid #ccc;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    cursor: auto;
    height: 32px;
    border: 1px solid #333;
    border-radius: 6px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding-left: 5px;
}
.tablaInformarProblema textarea {
    -webkit-appearance: textfield;
    background-color: white;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    cursor: auto;
    height: 100px;
    width: 99%;
    padding: 1px;
    border: 1px solid #333;
    border-radius: 6px;
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 5px;
}
.tablaInformarProblema input[type=text], [type=password] {
    width: 99%;
    padding: 1px;
    background-color: white;
    border: 1px solid #ccc;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    cursor: auto;
    height: 32px;
    border: 1px solid #333;
    border-radius: 6px;
    font-family: Arial, Helvetica, sans-serif;
    appearance: textfield;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: none;
    padding-left: 5px;
}
.tablaInformarProblema input[type=radio] {
    width: 15px;
    height: 15px;
    padding: 2px;
    padding-left: 5px;
    background-color: white;
    cursor: auto;
    border: 1px solid #333;
    appearance: radio;
    -moz-appearance: radio;
    -webkit-appearance: radio;
}
.buscador_input_file {
    width: 99%;
    height: 32px;
    color: black;
    padding: 1px;
    border: 1px solid #333;
    border-radius: 6px;
    font-family: Arial, Helvetica, sans-serif;
}
.divBtnInformarProblema {
    width: 90%;
    height: 40px;
    margin: 0;
    padding: 0;
    padding-left: 5%;
    padding-top: 10px;
    padding-bottom: 15px;
    position: relative;
    text-align: left;
}
.btnInformarProblema {
    position: absolute;
    right:10%;
    width: 20%;
    height: 36px;
    border-radius: 6px;
}
.btnInformarProblema:hover {
    position: absolute;
    right:10%;
    width: 20%;
    height: 36px;
    border-radius: 6px;
    background-color: #00A7DF;
    color: #fff !important;
    background: #00A7DF;
    border: 1px solid #00A7DF;
}

/****   IFRAME SUBIR IMAGEN   *************/
.divInformarProblemaIframe {
    /*border: 1px solid #FF0000;*/
    /*width:80%;*/
    display: none;
    margin-left: 10%;
    margin-right: 10%;
    height: 35px;
    padding: 5px;
    background-color: #848484;
    border-radius: 5px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    font-size: 12px;
    z-index: 900;
}
.divInformarProblemaIframe iframe {
    /*border: 1px solid #FF0000;*/
    width: 99%;
    height: 99%;
    overflow: auto;
    margin: 0;
    padding: 0;
    border: 0;
    background-color: #848484;
}



/****   MAPA   ****************************/
.divMapa {
    /*display: none;*/
    /*border: 1px solid #FF0000;*/
    position: absolute;
    right: 0px;
    cursor: default;
    background-color: #AEDAFD;
    z-index: 900;
    min-width: 800px;
}
#divCargandoMapa {
    bottom: 100px;
    right: 60px;
    display: none;
    position: absolute !important;
    z-index: 900;
}

/****   MAPA CONTROLES  *******************/
#divMapaZoom {
    /*border: 1px solid #FFFFFF;*/
    bottom: 90px;
    right: 10px;
    position: absolute;
    z-index: 900;
}
#divMapaZoom div {
    /*border: 1px solid #FF0000;*/
    margin-bottom: 10px;
    z-index: 900;
}
#divMapaZoom img {
    /*border: 1px solid #FF0000;*/
    cursor: pointer;
    z-index: 900;
}
#mapaZoomLevel {
    /*border: 1px solid #FFFFFF;*/
    display: none;
    width: 32px;
    height: 32px;
    background-image: url(../imagenes/mapa/ico_zoomLevel.png);
    background-repeat: no-repeat;
    background-size: contain;
    padding-top: 2px;
    white-space: nowrap;
    text-align: center;
    color:#FFFFFF;
    font-family: 'Fjalla One', sans-serif;
    font-size:17px;
    z-index: 900;
}
#divPanZoomBar {
    top: 5px;
    left: 5px;
    display: none;
    position: absolute;
    text-align: left;
    width: 100px;
    height: 100px;
    color: #000000;
    z-index: 900;
}
#divMousePosition {
    bottom: 5px;
    right: 10px;
    display: none;
    position: absolute;
    text-align: left;
    font-size: 110%;
    color: #000000;
    z-index: 900;
}
#divScaleLine {
    bottom: 45px;
    right: 10px;
    display: none;
    position: absolute;
    font-size: 80%;
    text-align: left;
    color: #000000;
    z-index: 900;
}
#divNavToolbar {
    top: 10px;
    left: 9px;
    display: none;
    position: absolute;
    text-align: center;
    color: #000000;
    z-index: 900;
}
#divMapaLogo {
    bottom: 10px;
    right: 15px;
    display: block;
    position: absolute;
    font-size: 80%;
    text-align: left;
    color: #000000;
    z-index: 900;
}

/****   DIALOG MENSAJES   *****************/
.divDialogAlert {
    display: none;
    text-align: left !important;
}
.divDialogAlert h1 {
    width: 100%;
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
    border-collapse: collapse;
    font-size: 15px;
    color: #00A7DF;
    text-align: left !important;
}
.divDialogAlert table {
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    font-size: 15px;
    color: #424242;
}
.divDialogAlert th {
    width: 50px !important;
    vertical-align: top;
    text-align: left;
    font-weight: bold;
    color: #424242;
    white-space: nowrap;
}
.divDialogAlert td {
    padding-left: 10px;
    vertical-align: top;
    text-align: left;
    font-weight: normal;
    color: #00A7DF;
}
.btnDialogAlert {
    width: 75px;
    height: 30px;
    background-color: #f3f3f3;
    color: #777777;
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #333;
    border-radius: 10px;
    border-spacing: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    list-style: none outside none;
    padding: 0;
    margin: 0;
    margin-left: 10px;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    cursor: pointer;
    /*border: 1px solid #0000FF;*/
}
.btnDialogAlert:hover, btnDialogAlert:active {
    background-color: #00A7DF;
    color: #fff !important;
    background: #00A7DF;
    border: 1px solid #00A7DF;
}
.ui-dialog-buttonpane {
	padding: .1em .1em .1em .4em !important;
}


/****   MAPA POP UP   *********************/
/*(PopUp en js\OpenLayers\theme\default\style.css)*/