@charset "UTF-8";
/* CSS Document */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
        margin:0;
        padding:0;
        border:0;
        outline:0;
        font-size:100%;
        vertical-align:baseline;
        background:transparent;
        list-style-type: none;
}
body {
        line-height:1;
}
 
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
        display:block;
}
 
nav ul {
        list-style:none;
}
 
blockquote, q {
        quotes:none;
}
 
blockquote:before, blockquote:after,
q:before, q:after {
        content:'';
        content:none;
}
 
a {
        margin:0;
        padding:0;
        border:0;
        font-size:100%;
        vertical-align:baseline;
        background:transparent;
}
 
ins {
        background-color:#ff9;
        color:#000;
        text-decoration:none;
}
 
mark {
        background-color:#ff9;
        color:#000;
        font-style:italic;
        font-weight:bold;
}
 
del {
        text-decoration: line-through;
}
 
abbr[title], dfn[title] {
        border-bottom:1px dotted #000;
        cursor:help;
}
 
table {
        border-collapse:collapse;
        border-spacing:0;
}
 
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
 
input, select {
        vertical-align:middle;
}


body, html {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    top: 0;
    left: 0;
    background-color: #e6e6e6;
    font-family: gobCL;
    color: #475156;
}

@media screen and (min-width:300px) and (max-width:500px) {

body, html {
    background-color: #0b5692;
    color: #ffffff;
}

#principal {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    display: block;
    background-color: transparent;
}


/* ====================================== HEADER */

#header {
    width: 90%;
    min-width: 288px;
    max-width: 500px;
    height: auto;
    margin: 0 auto;
    padding: 0 5%;
    border: none;
    display: block;
}

.header_contenidos {
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-bottom: 2%;
    padding: 0;
    display: block;
}

#logo_mtt{
    width: 100px;
    height: auto;
    display: block;
    margin: 0;
    float: left;
    padding: 0;
}

#logo_mtt img{
    width: 100px;
    height: auto;
}

.ti_pagina {
    width: 100%;
    height: auto;
    display: block;
    margin: 0;
    padding: 0;
    clear: both;
}

.ti_pagina h2 {
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    color: #ffffff;
    text-align: center;
}

.ti_pagina_ico {
    width: 132px;
    height: auto;
    display: block;
    margin: 0;
    padding: 0;
    float: right;
}

#iconEscucha {
    width: 28px;
    height: 24px;
    display: block;
    margin: 7px 0;
    padding: 0px 8px;
    float: left;
    background-image: url(../resources/images/iconEscucha.png);
    background-repeat: no-repeat;
    background-position: top;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.1s;
    text-decoration: none!important;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible;
}

#iconEscucha:hover {
    background-image: url(../resources/images/iconEscucha.png);
    background-repeat: no-repeat;
    background-position: bottom;
}

#iconTransparencia {
    width: 28px;
    height: 24px;
    display: block;
    margin: 7px 0;
    padding: 0px 8px;
    float: left;
    background-image: url(../resources/images/iconTransparencia.png);
    background-repeat: no-repeat;
    background-position: top;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.1s;
    text-decoration: none!important;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible;
}

#iconTransparencia:hover {
    background-image: url(../resources/images/iconTransparencia.png);
    background-repeat: no-repeat;
    background-position: bottom;
}

#iconNewsletter {
    width: 28px;
    height: 24px;
    display: block;
    margin: 7px 0;
    padding: 0px 8px;
    float: left;
    background-image: url(../resources/images/iconMail.png);
    background-repeat: no-repeat;
    background-position: top;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.1s;
    text-decoration: none!important;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible;
}

#iconNewsletter:hover {
    background-image: url(../resources/images/iconMail.png);
    background-repeat: no-repeat;
    background-position: bottom;
}

#botonBuscar {
    display: none;
}

/* ====================================== CONTENIDO */

#content {
    width: 100%;
    min-width: 288px;
    max-width: 500px;
    height: auto;
    margin: 0 auto;
    padding: 0;
    border: none;
    display: block;
    background: none repeat scroll 0 0 #e6e6e6;
}

.contenidoLogin {
    width: 90%;
    height: auto;
    margin: 0 auto;
    padding: 2% 5%;
    display: block;
}

.bullet_login {
    width: 120px;
    height: 18px;
    background: url(../resources/images/bg_queEs.png) no-repeat;
    display: none;
    padding: 6px 20px;
    margin: 5% auto;
}

.bullet_login h1 {
    width: 100%;
    height: auto;
    font-size: 18px;
    margin: 0 auto;
    padding: 0;
    font-weight: normal;
    color: #fff;
}

.contenedor_comoIngresar {
    width: 100%;
    height: auto;
    margin: 5% auto;
    padding: 0;
    display: block;
}

.contenedor_comoIngresar h2 {
    font-size: 20px;
    font-weight: normal;
    color: #0b5692;
    text-align: center;
    display: block;
}

.contenedor_comoIngresar p {
    width: 100%;
    height: auto;
    margin: 5% auto;
    padding: 0;
    display: block;
    font-weight: normal;
    color: #666666;
    line-height: normal;
    text-align: justify;
}

.contenedor_claveUnica {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    display: block;
    clear: both;
}

.contenedor_claveUnica p {
    width: 100%;
    height: auto;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    color: #666666;
    margin: 0 auto;
    padding: 5% 0;
}

.iconoClaveUnica{
    width: 174px !important;
    height: 49px !important;
    margin: 5% auto !important;
    padding: 0 !important;
    display: block !important;
    background-image: url(../resources/images/btn_claveunica_172px.png);
    background-repeat: no-repeat;
    background-color: transparent;
}

.contenedor_claveUnicaError {
    width: auto;
    height: auto;
    /* font-family: 'gobcllight'; */
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    color: #ff0000;
    float: left;
    /* padding: 15px; */
    margin: 20px 0 50px 0;
    /* border: 1px solid red; */
}

.contentMenu {
    width: 100%;
    height: auto;
    display: block;
    padding: 0;
    margin: 0;
}

.nombreLogin {
    width: 100%;
    height: auto;
    display: block;
    margin: 0;
    padding: 5% 0;
    float: left;
}

.nombreLoginLabel {
    font-size: 20px !important;
    font-weight: bold;
    color: #0f69b4;
    float: left;
    width: 75%;
    display: block;
    padding: 0 5%;
    margin: 0;
    border-right: solid 1px;
}

.cerrarSesion_logo {
    width: 14%;
    height: auto;
    display: block;
    margin: 0 auto;
    padding: 2% 0;
    float: left;
}

.cerrarSesion {
    width: 20px;
    height: 20px;
    background: url(../resources/images/ico-logout.png) no-repeat;
    display: block;
    margin: 0 auto;
    padding: 0;
}

.main_content {
    width: 100%;
    height: auto;
    font-size: 12px;
    display: block;
    margin: 0 auto;
    padding: 0;
    clear: both;
}

.ui-tabs .ui-tabs-panel {
    padding: 0 !important;
}

.main_content_message {
    width: 100% !important;
    height: auto !important;
    padding: 10% 0 !important;
    margin: 0 auto !important;
    display: block !important;
    border: none !important;
}

.exclamacion {
    width: 50px;
    height: 50px;
    background: url(../resources/images/exclamacion.png) no-repeat;
    background-size: 50px;
    display: block;
    margin: 0 auto;
    padding: 0;
}

.informa {
    font-size: 30px !important;
    width: 100%;
    height: auto;
    padding: 5% 0;
    margin: 0;
    display: block;
    text-align: center;
}

.informa2 {
    font-size: 30px !important;
    width: 100%;
    height: auto;
    padding: 5% 0;
    margin: 0;
    display: block;
    text-align: center;
}


#tabsConsulta {
 	background-color: #E3E7EA;
}

.main_content_response {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    padding: 2% 0;
}


.dialog_subir_boleta {
    width: 70% !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
    font-size: smaller;
    text-align: justify;
}

.ui-tabs-left>.ui-tabs-nav {
	width: 25%!important;
	height: 150px !important;
}

.tablaResultado {
	font-size: 12px !important;
	width: 100%;
}

.tabView {
	height: 50%;
}
.tabView.ui-tabs-nav {
	height: 100px;
}

.ui-draggable .ui-dialog-titlebar {
    background-color: #0f69b4;
    color: white;
}

/* ====================================== FOOTER */

#footer {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    display: block;
    position: absolute;
}

.bicolor {
    width: 100%;
    height: 2px;
    display: block;
    margin: 0;
    padding: 0;
    clear: both;
    position: absolute;
}

.bicolor span {
    display: block;
    float: left;
    height: 100%;
}

.bicolor span.azul {
    background: #0f69b4;
    width: 46%;
}

.bicolor span.rojo {
    background: #eb3646;
    width: 54%;
}

#clear {
    clear: both;
}

.footer_consulta {
    width: 90%;
    min-width: 288px;
    max-width: 500px;
    height: auto;
    margin: 0 auto;
    padding: 0 5%;
    margin-top: 5%;
    border: none;
    display: block;
    position: absolute;
}

.menu_footer_mtt {
    width: 89%;
    height: auto;
    display: block;
    padding: 5%;
    margin: 0 auto;
    margin-bottom: 5%;
    background-color: white;
    border: solid 1px #475156;
}

.menu_footer_mtt h2 {
    width: auto;
    height: auto;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: normal;
    color: #1F598F;
    display: block;
    margin: 2% auto;
    text-align: center;
}

.menu_footer_mtt li {
    list-style-type: disc;
    margin: 0 0 0 7%;
    font-size: small;
    text-align: left;
    color: #475156;
}

.menu_footer_mtt a {
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    color: #475156;
    text-decoration: none;
}

.menu_footer_servicios {
    width: 89%;
    height: auto;
    display: block;
    padding: 5%;
    margin: 0 auto;
    margin-bottom: 5%;
    background-color: white;
    border: solid 1px #475156;
}

.menu_footer_servicios h2 {
    width: auto;
    height: auto;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: normal;
    color: #1F598F;
    display: block;
    margin: 2% auto;
    text-align: center;
}

.menu_footer_servicios li {
    list-style-type: disc;
    margin: 0 0 0 7%;
    font-size: small;
    text-align: left;
    color: #475156;
}

.menu_footer_servicios a {
    font-weight: normal;
    line-height: 18px;
    color: #475156;
    text-decoration: none;
}

.menu_footer_interes {
    width: 89%;
    height: auto;
    display: block;
    padding: 5%;
    margin: 0 auto;
    margin-bottom: 5%;
    background-color: white;
    border: solid 1px #475156;
}

.menu_footer_interes h2 {
    width: auto;
    height: auto;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: normal;
    color: #1F598F;
    display: block;
    margin: 2% auto;
    text-align: center;
}

.menu_footer_interes li {
    list-style-type: disc;
    margin: 0 0 0 7%;
    font-size: small;
    text-align: left;
    color: #475156;
}

.menu_footer_interes a {
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    color: #475156;
    text-decoration: none;
}

.menu_footer_bottom {
    width: 95%;
    height: auto;
    display: block;
    padding: 5% 2%;
    margin: 0 auto;
    margin-bottom: 5%;
    /* background-color: white; */
    /* border: solid 1px #475156; */
}

.menu_footer_bottom span{
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    font-size: 12px;
    display: block;
    text-align: center;
    color: white;
}

.menu_footer_bottom_logo {
    width: 100%;
    height: auto;
    display: block;
    padding: 0;
    margin: 0 auto;
}

#logo_mtt_footer{
    width: 100px;
    height: auto;
    display: block;
    margin: 0 auto;
    padding: 0;
}

#logo_mtt_footer img{
    width: 100px;
    height: auto;
}

.ui-chkbox {
    width: 6% !important;
    height: auto !important;
    padding: 1% !important;
    margin: 0 auto !important;
    float: left !important;
}

.declaracion {
    width: 85% !important;
    height: auto !important;
    padding: 1% 0 !important;
    padding-left: 3% !important;
    float: left !important;
    color: #0f69b4;
}

}

@media screen and (min-width:501px) and (max-width:850px) {

body, html {
    background-color: #0b5692;
    color: #ffffff;
}

#principal {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    display: block;
    position: fixed;
    background-color: transparent;
}

/* ====================================== HEADER */

#header {
    width: 90%;
    min-width: 488px;
    max-width: 850px;
    height: auto;
    margin: 0 auto;
    padding: 0 5%;
    border: none;
    display: block;
}

.header_contenidos {
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-bottom: 2%;
    padding: 0;
    display: block;
}

#logo_mtt{
    width: 100px;
    height: auto;
    display: block;
    margin: 0;
    float: left;
    padding: 0;
}

#logo_mtt img{
    width: 100px;
    height: auto;
}

.ti_pagina {
    width: 100%;
    height: auto;
    display: block;
    margin: 0;
    padding: 0;
    clear: both;
}

.ti_pagina h2 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: normal;
    font-style: normal;
    color: #ffffff;
    text-align: center;
}

.ti_pagina_ico {
    width: 132px;
    height: auto;
    display: block;
    margin: 0;
    padding: 0;
    float: right;
}

#iconEscucha {
    width: 28px;
    height: 24px;
    display: block;
    margin: 7px 0;
    padding: 0px 8px;
    float: left;
    background-image: url(../resources/images/iconEscucha.png);
    background-repeat: no-repeat;
    background-position: top;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.1s;
    text-decoration: none!important;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible;
}

#iconEscucha:hover {
    background-image: url(../resources/images/iconEscucha.png);
    background-repeat: no-repeat;
    background-position: bottom;
}

#iconTransparencia {
    width: 28px;
    height: 24px;
    display: block;
    margin: 7px 0;
    padding: 0px 8px;
    float: left;
    background-image: url(../resources/images/iconTransparencia.png);
    background-repeat: no-repeat;
    background-position: top;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.1s;
    text-decoration: none!important;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible;
}

#iconTransparencia:hover {
    background-image: url(../resources/images/iconTransparencia.png);
    background-repeat: no-repeat;
    background-position: bottom;
}

#iconNewsletter {
    width: 28px;
    height: 24px;
    display: block;
    margin: 7px 0;
    padding: 0px 8px;
    float: left;
    background-image: url(../resources/images/iconMail.png);
    background-repeat: no-repeat;
    background-position: top;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.1s;
    text-decoration: none!important;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible;
}

#iconNewsletter:hover {
    background-image: url(../resources/images/iconMail.png);
    background-repeat: no-repeat;
    background-position: bottom;
}

#botonBuscar {
    display: none;
}

/* ====================================== CONTENIDO */

#content {
    width: 100%;
    min-width: 501px;
    max-width: 850px;
    height: auto;
    margin: 0 auto;
    padding: 0;
    border: none;
    display: block;
    background: none repeat scroll 0 0 #e6e6e6;
}

.contenidoLogin {
    width: 90%;
    height: auto;
    margin: 0 auto;
    padding: 2% 5%;
    display: block;
}

.bullet_login {
    width: 120px;
    height: 18px;
    background: url(../resources/images/bg_queEs.png) no-repeat;
    display: block;
    padding: 6px 20px;
    margin: 2% auto;
    margin-right: 5%;
    float: left;
}

.bullet_login h1 {
    width: 100%;
    height: auto;
    font-size: 18px;
    margin: 0 auto;
    padding: 0;
    font-weight: normal;
    color: #fff;
}

.contenedor_comoIngresar {
    width: 60%;
    height: auto;
    margin: 2% auto;
    padding: 0 3%;
    display: block;
    float: left;
    border-left: solid 1px #0b5692;
}

.contenedor_comoIngresar h2 {
    font-size: 20px;
    font-weight: normal;
    color: #0b5692;
    text-align: center;
    display: block;
}

.contenedor_comoIngresar p {
    width: 100%;
    height: auto;
    margin: 5% auto;
    padding: 0;
    display: block;
    font-weight: normal;
    color: #666666;
    line-height: normal;
    text-align: justify;
}

.contenedor_claveUnica {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    display: block;
    clear: both;
}

.contenedor_claveUnica p {
    width: 100%;
    height: auto;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    color: #666666;
    margin: 0 auto;
    padding: 0;
}

.iconoClaveUnica{
    width: 174px !important;
    height: 49px !important;
    margin: 5% auto !important;
    padding: 0 !important;
    display: block !important;
    background-image: url(../resources/images/btn_claveunica_172px.png);
    background-repeat: no-repeat;
    background-color: transparent;
}

.contenedor_claveUnicaError {
    width: 100%;
    height: auto;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    color: #ff0000;
    clear: both;
    margin: 10% auto;
}

.contentMenu {
    width: 100%;
    height: auto;
    display: block;
    padding: 0;
    margin: 0;
}

.nombreLogin {
    width: 100%;
    height: auto;
    display: block;
    margin: 0;
    padding: 2% 0;
    float: left;
}

.nombreLoginLabel {
    font-size: 20px !important;
    font-weight: bold;
    color: #0f69b4;
    float: left;
    width: 85%;
    display: block;
    padding: 1% 2%;
    margin: 0;
    border-right: solid 1px;
}

.cerrarSesion_logo {
    width: 10%;
    height: auto;
    display: block;
    margin: 0 auto;
    padding: 1% 0;
    float: left;
}

.cerrarSesion {
    width: 20px;
    height: 20px;
    background: url(../resources/images/ico-logout.png) no-repeat;
    display: block;
    margin: 0 auto;
    padding: 0;
}

.main_content {
    width: 100%;
    height: auto;
    font-size: 12px;
    display: block;
    margin: 0 auto;
    padding: 0;
    clear: both;
}

.ui-tabs .ui-tabs-panel {
    padding: 3% 0 !important;
}

.main_content_message {
    width: 100% !important;
    height: auto !important;
    padding: 5% 0 !important;
    margin: 0 auto !important;
    display: block !important;
    border: none !important;
}

.exclamacion {
    width: 50px;
    height: 50px;
    background: url(../resources/images/exclamacion.png) no-repeat;
    background-size: 50px;
    display: block;
    margin: 0 auto;
    padding: 0;
    float: left;
}

.informa {
    font-size: 28px !important;
    width: 90%;
    height: auto;
    padding: 2% 0;
    padding-left: 10%;
    margin: 0;
    display: block;
    text-align: left;
    float: none;
}

.informa2 {
    font-size: 28px !important;
    width: 90%;
    height: auto;
    padding: 2% 0;
    padding-left: 10%;
    margin: 0;
    display: block;
    text-align: left;
    float: none;
}

#tabsConsulta {
    background-color: #E3E7EA;
}

.main_content_response {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    padding: 1% 0;
}

.dialog_subir_boleta {
    width: 70% !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
    font-size: smaller;
    text-align: justify;
}

.ui-tabs-left>.ui-tabs-nav {
	width: 25%!important;
	height: 150px !important;
}

.tablaResultado {
	font-size: 12px !important;
	width: 100%;
}

.tabView {
	height: 50%;
}
.tabView.ui-tabs-nav {
	height: 100px;
}

.ui-draggable .ui-dialog-titlebar {
    background-color: #0f69b4;
    color: white;
}

/* ====================================== FOOTER */

#footer {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    display: block;
    float: left;
}

.bicolor {
    width: 100%;
    height: 2px;
    display: block;
    margin: 0;
    padding: 0;
    clear: both;
    position: absolute;
}

.bicolor span {
    display: block;
    float: left;
    height: 100%;
}

.bicolor span.azul {
    background: #0f69b4;
    width: 46%;
}

.bicolor span.rojo {
    background: #eb3646;
    width: 54%;
}

#clear {
    clear: both;
}

.footer_consulta {
    width: 90%;
    min-width: 488px;
    max-width: 850px;
    height: auto;
    margin: 0 auto;
    padding: 0 5%;
    margin-top: 5%;
    border: none;
    display: block;
    position: absolute;
}

.menu_footer_mtt {
    width: 28%;
    height: 200px;
    display: block;
    padding: 2%;
    margin: 0 auto;
    margin-right: 2%;
    margin-bottom: 2%;
    background-color: white;
    border: solid 1px #475156;
    float: left;
}

.menu_footer_mtt h2 {
    width: auto;
    height: auto;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: normal;
    color: #1F598F;
    display: block;
    margin: 2% auto;
    text-align: center;
}

.menu_footer_mtt li {
    list-style-type: disc;
    margin: 0 0 0 10%;
    font-size: small;
    text-align: left;
    color: #475156;
}

.menu_footer_mtt a {
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    color: #475156;
    text-decoration: none;
}

.menu_footer_servicios {
    width: 29%;
    height: 200px;
    display: block;
    padding: 2%;
    margin: 0 auto;
    margin-bottom: 2%;
    margin-right: 2%;
    background-color: white;
    border: solid 1px #475156;
    float: left;
}

.menu_footer_servicios h2 {
    width: auto;
    height: auto;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: normal;
    color: #1F598F;
    display: block;
    margin: 2% auto;
    text-align: center;
}

.menu_footer_servicios li {
    list-style-type: disc;
    margin: 0 0 0 10%;
    font-size: small;
    text-align: left;
    color: #475156;
}

.menu_footer_servicios a {
    font-weight: normal;
    line-height: 18px;
    color: #475156;
    text-decoration: none;
}

.menu_footer_interes {
    width: 25%;
    height: 200px;
    display: block;
    padding: 2%;
    margin: 0 auto;
    margin-bottom: 2%;
    background-color: white;
    border: solid 1px #475156;
    float: left;
}

.menu_footer_interes h2 {
    width: auto;
    height: auto;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: normal;
    color: #1F598F;
    display: block;
    margin: 2% auto;
    text-align: center;
}

.menu_footer_interes li {
    list-style-type: disc;
    margin: 0 0 0 10%;
    font-size: small;
    text-align: left;
    color: #475156;
}

.menu_footer_interes a {
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    color: #475156;
    text-decoration: none;
}

.menu_footer_bottom {
    width: 80%;
    height: auto;
    display: block;
    padding: 3% 0;
    margin: 0 auto;
    margin-bottom: 5%;
    /* background-color: white; */
    /* border: solid 1px #475156; */
    clear: both;
}

.menu_footer_bottom span{
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    font-size: 12px;
    display: block;
    text-align: center;
    color: white;
}

.menu_footer_bottom_logo {
    width: 100%;
    height: auto;
    display: block;
    padding: 0;
    margin: 0 auto;
}

#logo_mtt_footer{
    width: 100px;
    height: auto;
    display: block;
    margin: 0 auto;
    padding: 0;
}

#logo_mtt_footer img{
    width: 100px;
    height: auto;
}

.ui-chkbox {
    width: 4% !important;
    height: auto !important;
    padding: 1% !important;
    margin: 0 auto !important;
    float: left !important;
}

.declaracion {
    width: 87% !important;
    height: auto !important;
    padding: 1% 0 !important;
    padding-left: 3% !important;
    float: left !important;
    color: #0f69b4;
}

}

@media screen and (min-width:851px) {

#principal {
    width: 100%;
    height: auto;
    display: block;
    padding: 0;
    margin: 0;
}

#header {
    width: 100%;
    height: 38px;
    margin: 0;
    padding: 0;
    display: block;
    background: #fff;
    border-bottom: 2px solid #bfcace;
    float: left;
    
}

.header_contenidos {
    width: 100%;
    max-width: 1000px;
    height: auto;
    margin: 0 auto;
    padding: 0;
    display: block;
}

#logo_mtt{
    width: 180px;
    height: 105px;
    margin: 0 0 0 20px;
    z-index: 1;
    float: left;
    display: block;
}

#logo_mtt img{
    width: 180px;
    height: auto;
}

.ti_pagina {
    width: auto;
    height: 40px;
    float: left;
    padding: 0;
    margin: 0 0 0 20px;
    display: block;
}

.ti_pagina h2 {
    width: auto;
    height: auto;
    display: block;
    margin-top: 8px;
    float: right;
    font-size: 25px;
    font-weight: normal;
    color: #666666;
}

.ti_pagina_ico {
    width: 185px;
    height: 39px;
    display: block;
    float: right;
}

#iconEscucha {
    width: 28px;
    height: 24px;
    display: block;
    margin: 6px 0;
    padding: 0 8px;
    float: left;
    cursor: pointer;
    background-image: url(../resources/images/iconEscucha.png);
    background-repeat: no-repeat;
    background-position: top;
    transition: all ease 0.1s;
}

#iconEscucha:hover {
    background-image: url(../resources/images/iconEscucha.png);
    background-repeat: no-repeat;
    background-position: bottom;
}

#iconTransparencia {
    width: 28px;
    height: 24px;
    display: block;
    margin: 6px 0;
    padding: 0 7px;
    float: left;
    cursor: pointer;
    background-image: url(../resources/images/iconTransparencia.png);
    background-repeat: no-repeat;
    background-position: top;
    transition: all ease 0.1s;
}

#iconTransparencia:hover {
    background-image: url(../resources/images/iconTransparencia.png);
    background-repeat: no-repeat;
    background-position: bottom;
}

#iconNewsletter {
    width: 28px;
    height: 24px;
    display: block;
    margin: 7px 0;
    padding: 0 8px;
    float: left;
    cursor: pointer;
    background-image: url(../resources/images/iconMail.png);
    background-repeat: no-repeat;
    background-position: top;
    transition: all ease 0.1s;
}

#iconNewsletter:hover {
    background-image: url(../resources/images/iconMail.png);
    background-repeat: no-repeat;
    background-position: bottom;
}

#botonBuscar {
    width: 28px;
    height: 24px;
    display: block;
    margin: 6px 0;
    padding: 0 8px;
    float: left;
    cursor: pointer;
    background-image: none;
    background-repeat: no-repeat;
    background-position: top;
    transition: all ease 0.1s;
}

#content {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0px;
    border: none;
    display: block;
    float: left;
}

.contenidoLogin {
    width: 100%;
    max-width: 1000px;
    height: auto;
    margin: 0 auto;
    padding: 0;
    display: block;
}

.bullet_login {
    width: 158px;
    height: 33px;
    background: url(../resources/images/bg_queEs.png) no-repeat;
    float: left;
    display: block;
    margin: 90px 0 20px 20px;
    padding: 0;
}

.bullet_login h1 {
    width: 140px;
    height: 26px;
    font-size: 19px;
    font-weight: normal;
    color: #fff;
    float: left;
    margin-left: 18px;
    margin-top: 7px;
}

.contenedor_comoIngresar {
    width: 334px;
    height: auto;
    border-right: 1px solid #bfcace;
    float: left;
    margin: 85px 0 0 0;
    padding: 0 25px;
    display: block;
}

.contenedor_comoIngresar h2 {
    font-size: 36px;
    font-weight: normal;
}

.contenedor_comoIngresar p {
    width: auto;
    height: auto;
    margin: 15px 0 0 0;
    padding: 0;
    display: block;
    font-size: 20px;
    font-weight: normal;
    text-align: left;
    float: left;
    line-height: normal;
}

.contenedor_claveUnica {
    width: 28%;
    height: auto;
    float: left;
    display: block;
    margin: 85px 2% 0 0;
    padding: 0 0 0 25px;
}

.contenedor_claveUnica p {
    width: auto;
    height: auto;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    float: left;
    margin: 0 0 35px 0;
}

.iconoClaveUnica{
    width: 175px !important;
    height: 50px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: block !important;
    background-image: url(../resources/images/btn_claveunica_172px.png);
    background-repeat: no-repeat;
    background-color: transparent;
}

.contenedor_claveUnicaError {
    width: auto;
    height: auto;
    /* font-family: 'gobcllight'; */
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    color: #ff0000;
    float: left;
    /* padding: 15px; */
    margin: 20px 0 50px 0;
    /* border: 1px solid red; */
}

.contentMenu {
    width: 100%;
    max-width: 1000px;
    height: auto;
    margin: 0 auto;
    padding: 0;
    display: block;
}

.nombreLogin {
    width: 80%;
    height: auto;
    display: block;
    margin: 0;
    padding: 2% 0;
    padding-left: 20%;
    float: left;
}

.nombreLoginLabel {
    font-size: 20px !important;
    font-weight: bold;
    color: #0f69b4;
    float: left;
    width: 75%;
    display: block;
    padding: 1% 7%;
    margin: 0;
    border-right: solid 1px;
}

.cerrarSesion_logo {
    width: 10%;
    height: auto;
    display: block;
    margin: 0 auto;
    padding: 1% 0;
    float: left;
}

.cerrarSesion {
    width: 20px;
    height: 20px;
    background: url(../resources/images/ico-logout.png) no-repeat;
    display: block;
    margin: 0 auto;
    padding: 0;
}

.main_content {
    width: 100%;
    height: auto;
    font-size: 12px;
    display: block;
    margin: 0 auto;
    padding: 0;
    clear: both;
}

.ui-tabs .ui-tabs-panel {
    padding: 0 !important;
}

.main_content_message {
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 auto !important;
    display: block !important;
    border: none !important;
}

.exclamacion {
    width: 50px;
    height: 50px;
    background: url(../resources/images/exclamacion.png) no-repeat;
    background-size: 50px;
    display: block;
    margin: 0 auto;
    margin-left: 2%;
    padding: 0;
    float: left;
}

.informa {
    font-size: 28px !important;
    width: 90%;
    height: auto;
    padding: 2% 0;
    padding-left: 10%;
    margin: 0;
    display: block;
    text-align: left;
    float: none;
}

.informa2 {
    font-size: 28px !important;
    width: 90%;
    height: auto;
    padding: 2% 0;
    padding-left: 10%;
    margin: 0;
    display: block;
    text-align: left;
    float: none;
}

#tabsConsulta {
    background-color: #E3E7EA;
}

.main_content_response {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    padding: 1% 0;
}

.dialog_subir_boleta {
    width: 70% !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
    font-size: smaller;
    text-align: justify;
}

.ui-tabs-left>.ui-tabs-nav {
	width: 25%!important;
	height: 150px !important;
}

.tablaResultado {
	font-size: 12px !important;
	width: 100%;
}

.tabView {
	height: 50%;
}

.tabView.ui-tabs-nav {
	height: 100px;
}

/* ====================================== FOOTER */

#footer {
    width: 100%;
    max-width: 1000px;
    height: auto;
    margin: 0 auto;
    padding: 0;
    display: block;
    clear: both;
}

.bicolor {
    width: 100%;
    height: 2px;
    display: block;
    margin: 0;
    padding: 0;
    float: left;
}

.bicolor span {
    display: block;
    float: left;
    height: 100%;
}

.bicolor span.azul {
    background: #0f69b4;
    width: 46%;
}

.bicolor span.rojo {
    background: #eb3646;
    width: 54%;
}

.footer_consulta {
    width: 100%;
    max-width: 1000px;
    height: auto;
    display: block;
    padding: 0;
    margin: 0 auto;
    background-color: #ffff;
}

.menu_footer_mtt {
    width: 25%;
    height: 200px;
    float: left;
    display: block;
    padding: 1% 4%;
    margin: 3% 0;
    border-right: 1px solid #e6e6e6;
}

.menu_footer_mtt h2 {
    width: 100%;
    height: auto;
    font-size: 18px;
    font-weight: normal;
    color: #0f69b4;
    display: block;
    margin: 0 auto;
    padding-bottom: 20px;
}

.menu_footer_mtt a {
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    color: #475156;
    text-decoration: none;
}

.menu_footer_mtt li {
    list-style-type: disc;
    margin: 0 0 0 16px;
    font-size: 12px;
    padding: 0 0 5px 0;
}

.menu_footer_servicios {
    width: 25%;
    height: 200px;
    float: left;
    display: block;
    padding: 1% 4%;
    margin: 3% 0;
    border-right: 1px solid #e6e6e6;
}

.menu_footer_servicios h2 {
    width: 100%;
    height: auto;
    font-size: 18px;
    font-weight: normal;
    color: #0f69b4;
    display: block;
    margin: 0 auto;
    padding-bottom: 20px;
}

.menu_footer_servicios a {
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    color: #475156;
    text-decoration: none;
}

.menu_footer_servicios li {
    list-style-type: disc;
    margin: 0 0 0 16px;
    font-size: 12px;
    padding: 0 0 5px 0;
}

.menu_footer_interes {
    width: 25%;
    height: 200px;
    float: left;
    display: block;
    padding: 1% 4%;
    margin: 3% 0;
}

.menu_footer_interes h2 {
    width: 100%;
    height: auto;
    font-size: 18px;
    font-weight: normal;
    color: #0f69b4;
    display: block;
    margin: 0 auto;
    padding-bottom: 20px;
}

.menu_footer_interes a {
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    color: #475156;
    text-decoration: none;
}

.menu_footer_interes li {
    list-style-type: disc;
    margin: 0 0 0 16px;
    font-size: 12px;
    padding: 0 0 5px 0;
}

.menu_footer_bottom {
    width: 96%;
    height: auto;
    display: block;
    margin: 0 2%;
    padding: 2% 0 3%;
    border-top: 1px solid #e6e6e6;
    float: left;
}

.menu_footer_bottom span{
    width: auto;
    height: auto;
    margin: 0 auto;
    padding: 0;
    font-size: 13px;
    display: block;
    text-align: center;
}

.menu_footer_bottom_logo {
    width: 100%;
    height: auto;
    display: block;
    padding: 0;
    margin: 0 auto;
    clear: both;
}

#logo_mtt_footer {
    width: 98%;
    height: 24px;
    margin: 0 auto;
    padding: 0 0 0 2%;
    display: block;
}

#logo_mtt_footer img{
    width: 180px;
    height: 24px;
}

.ui-chkbox {
    width: 3% !important;
    height: auto !important;
    padding: 1% !important;
    margin: 0 auto !important;
    float: left !important;
}

.declaracion {
    width: 90% !important;
    height: auto !important;
    padding: 1% 0 !important;
    padding-left: 2% !important;
    float: left !important;
    color: #0f69b4;
}

.ui-draggable .ui-dialog-titlebar {
    background-color: #0f69b4;
    color: white;
}

}

@media screen and (min-width:500px) and (max-width:634px) {

.bullet_login {
    display: none;
}

.contenedor_comoIngresar {
    width: 100%;
    height: auto;
    margin: 2% auto;
    padding: 0 3%;
    display: block;
    float: none;
    border: none;
}

}