@charset "utf-8";

@font-face {
    font-family: 'swis721_cn';
    src: url('/themes/default/css/estilos/fuentes/swz721c-webfont.eot');
    src: url('/themes/default/css/estilos/fuentes/swz721c-webfont.eot?#iefix') format('embedded-opentype'),
         url('/themes/default/css/estilos/fuentes/swz721c-webfont.woff') format('woff'),
         url('/themes/default/css/estilos/fuentes/swz721c-webfont.ttf') format('truetype'),
         url('/themes/default/css/estilos/fuentes/swz721c-webfont.svg#swis721_cn') format('svg');
    font-weight: normal;
    font-style: normal;
   
}

html{height: 100%;background: url(/themes/default/images/fdo_azul.gif) no-repeat center top #F2F2F2;}
body { 
    margin : 0 auto;
    padding : 0;	
    text-align: center;
    height: 100%;
    font-family: 'swis721_cn',Arial,sans-serif;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 1.7em;
    
}
.contenedor_gral {
        margin: 0 auto;
        max-width: 1400px; /*height: 100%*/;
        min-width: 320px
}
.contenedor_gral .contenedor_content{
        clear: both;
        width: 100%;
        margin: 0 auto;
        padding: 0px 0px;
        line-height: 1.7em;
        position: relative;
        height: 100%
}
.contenedor_gral .contenedor_content .contenedor_content_tabla{
        width: 100%;
        position: relative;
        display:table;
        height: 100%
}
.contenedor_gral .contenedor_content .contenedor_content_tabla_td{
        width: 100%;
        vertical-align: middle;
        display: table-cell;
        color:#666666;
        padding:0;
        text-align: left;
        
}

sup{vertical-align:super;font-size: 0.8em}
sub{vertical-align:sub;font-size: 0.8em} 
a{outline: none;color:#666666;text-decoration: none}
a:hover{text-decoration: none}
a.hover_naranja{}
a.hover_naranja:hover{color:#ff3503 !important}
strong,b{font-weight: bold;}
.negrita{font-weight: bold;}
p{line-height: 1.7em;margin: 5px 0px}
textarea{resize: none}
.cont_cont{width:100%;float:left;margin:5px 0px}
.cont_cont a.img_cont {width:20%;float:left;margin-right:1%;min-width: 120px}
.cont_cont a.img_cont.gde{width:30%}
.cont_cont a.img_cont img{width: 100%;border-radius: 5px}
.cont_cont a.tit,.cont_cont div.tit{display:inline-block;color:#1e3638;font-weight: bold;text-transform: uppercase}
a.ver_mas{display:inline-block;color:#ff3503;}
div.sep_h{width:100%;margin:10px 0px;float: left;height: 1px;line-height: 1px;background-color: #C3C3C3}
.mr0{margin-right: 0px !important}
.mb0{margin-bottom: 0px !important}
.pr0{padding-right: 0px !important}
.texto_justificado{display:inline-block;width:100%;text-align:justify}
.azul{color: #162252}
.azul a{color: #162252}
.azul a:hover{color:#ff3503}
.azul_osc{color:#1e3638}
.amarillo{color:#fcc810}
.naranja{color:#ff3503}
.flecha_azul{margin-left:10px}
.cceleste{color:#afcbe0}
.text_normal{text-transform:none}
.sin_borde_inf{border-bottom:0px !important}
.sin_borde{border:0px !important}
.sin_padd{padding:0px !important}
.cabezal_gris{float: left;width: 93%;border:2px solid #f8f8f8;font-size: 14px;text-transform: uppercase;border-bottom:0px;border-top-left-radius: 5px; border-top-right-radius: 5px;background: linear-gradient(to top, #f0f0f0, white);font-weight: bold;padding: 3%;color:#ff3503}
.cabezal_gris.azul{color:#1e3638;}
.titulo_azul{color:#1e3638;font-size: 14px;text-transform: uppercase;font-weight: bold;}
.titulo_azul.pagosbps{width:100%;float:left;margin:18px 0px 10px 0px;text-align: center;font-size: 24px}
.bienvenido{float: left;width: 100%;text-align: left;color:#ff3503;font-weight: bold;font-size: 30px;padding: 17px 0px 5px 0px}
.bienvenido_sub{float: left;width: 100%;text-align: left;color:#1e3638;font-weight: bold;font-size: 14px;text-transform: uppercase;padding: 3px 0px}
.input,select,button{font-family: 'swis721_cn',Arial,sans-serif;}
.mt35{margin-top: 3.5%}
.mb{margin-bottom:0px}
.w99{width:99% !important}
.not_inv{display:none}
.not_vis{display:inline-block}
.mh190{min-height:190px}
.ff_arial{font-family:arial}
.fuente_num{font-size:16px !important}

.titulo_gris, h2{float: left;width: 98%;line-height: 2.1em;margin-bottom: 1%;border:2px solid #f8f8f8;font-size: 14px;text-transform: uppercase;border-bottom:0px;border-top-left-radius: 5px; border-top-right-radius: 5px;background: linear-gradient(to top, #f0f0f0, white);font-weight: bold;padding: 10px 1%;color:#ff3503}
h2.azul{color:#1e3638}
h2.azul a{color:#ff3503}
.titulo_gris select{margin:0px 0px 0px 0px !important;font-size: 12px;float: right;height: 30px;padding: 6px}
.titulo_gris a.ver_todas{float: right;color:#1e3638;font-size: 12px}

#Hd{float:left;text-align: center;width:98%;padding: 1% 1% 0.7% 1%;position: relative;background:url(/themes/default/images/cab_fdo3.jpg) no-repeat center top #162252;background-size: 1600px;}
#Hd a.logo{float: left;width: 20%;min-width: 300px;margin-top: 1%}
#Hd a.logo img{width: 80%;min-width: 95px;float: left}
#Hd div.cont_der{float:right;width: 65%;}
#Hd div.fecha_hora{float: right;color: white;text-align: right;margin-top:3%;width:87%; }
#Hd div.bienvenido_cont{float: left;color: white}
#Hd div.bienvenido_cont a{color:white}
#Hd div.bienvenido_cont a:hover{color:#fcc810}
#Hd div.social_cont{display: inline-block;float: right;min-width: 87px;margin-top: 1.2%;text-align: right;color:white}
#Hd div.txt_cont{float:right;color:white;text-align:center;font-size: 11px;width:70%;height: 50px;}
#Hd div.txt_cont a.chat{display:inline-block;width: 30%;}
#Hd div.txt_cont a.chat img{width: 100%;position: relative;bottom: 5px;right: 50px}
#Hd div.social_cont a{float: right;width: 26px; height: 25px;margin-right: 5px;
              background-repeat: no-repeat;background-position: center center;
              
}
#Hd div.social_cont a.efact{color:white;width:auto;height:auto;position:relative;top:2px}
#Hd div.social_cont a.efact:hover{text-decoration:underline}
#Hd div.social_cont a.fb{background: url("/themes/default/images/barra_social/fb.png")}
#Hd div.social_cont a.fb:hover{background: url("/themes/default/images/barra_social/fb_hover.png")}
#Hd div.social_cont a.tw{background: url("/themes/default/images/barra_social/tw.png")}
#Hd div.social_cont a.tw:hover{background: url("/themes/default/images/barra_social/tw_hover.png")}
#Hd div.social_cont a.yt{background-image: url("/themes/default/images/barra_social/yt.png");margin-right: 0px}
#Hd div.social_cont a.yt:hover{background-image: url("/themes/default/images/barra_social/yt_hover.png")}
#Hd div.busc_cont{width: /*391px*/40%;min-width:205px; float: right;height: 38px;clear: both;margin-top: 6%}
#Hd div.busc_cont a.buscar{width:/*89px*/22%;color: #162252; height: 38px; float: right;background-color: #fcc810;text-align: center;line-height: 38px;text-transform: uppercase}
#Hd div.busc_cont input[type='text']{width: /*290px*/72%;padding:4px 1%;float: right;height: 30px;border-radius: 0px;border:0px;background: url(/themes/default/images/lupa.jpg) 5px center no-repeat white;text-indent: 23px}
#Hd div.menu_cont{width:100%;float:right;min-height: 22px;margin-top: 1.5%}
#Hd div.menu_cont2{width:100%;float:right;min-height: 22px;margin-top: 1%;display: none}

#Bd{float:left;width:100%;position: relative;background: url(/themes/default/images/azul.jpg) center top no-repeat #f2f2f2;background-size: 100%;}
#Bd table.tabla_sitio{width:98%;float: left;margin: 0.5% 1%}
#Bd table.tabla_sitio tr td{vertical-align: top;text-align: left}
#Bd table.tabla_sitio tr td.sep{width: 1%}
#Bd table.tabla_sitio tr td.col_der{width: 25%;min-width:205px}
#Bd table.tabla_sitio tr td div#div_cuadros_hor{display: none;width: 100%;float: left}
#Bd div.cuadros{width: 100%;float: left;margin-bottom: 20px}
#Bd div.cuadros.hor{width: 48%;float: left;margin-bottom: 20px;margin-right: 3.5%}
#Bd div.cuadros div.tit{width: 94%;padding: 3%;;font-size: 14px;font-weight: bold;text-transform: uppercase;border-top-left-radius: 5px;border-top-right-radius: 5px}
#Bd div.cuadros div.cont{width: 94%;float: left;padding: 3%;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px}
#Bd div.cuadros div.tit.usuarios{background-color:/*linear-gradient(to top, #1f489a, #3860a8)*/ #3860a8;color:white }
#Bd div.cuadros div.tit.convertidor{background-color:/*linear-gradient(to top, #2f94ca, #47a6d6)*/ #47a6d6;color:white }
#Bd div.cuadros div.tit.reclamos{background-color: #47a6d6;color:white }
#Bd div.cuadros div.tit.unidades{background-color: /*linear-gradient(to top, #a8c700, #b1d009) */#b1d009;color:white }
#Bd div.cuadros div.cont{background-color: #f7fcff;color:#737373}
#Bd div.cuadros div.tit.cotizaciones{background-color:/*linear-gradient(to top, #fac80f, #fec810) */#fec810;color:#162252 }
#Bd div.cuadros div.cont.unidades{background-color: white;color:#162252}
#Bd div.cuadros div.cont.reclamos{background-color: #f7fcff;color:#162252}
#Bd div.cuadros div.cont.reclamos a{color:#AFCBE0;font-weight: bold}
#Bd div.cuadros div.cont.reclamos a:hover{color:#162252}
#Bd div.cuadros div.cont.reclamos a.pdf{width:100%;float:left;color:#162252;font-weight: normal}
#Bd div.cuadros div.cont.reclamos a.pdf:hover{color:#AFCBE0}
#Bd div.cuadros div.cont.reclamos a.pdf img{width:25px}
#Bd div.cuadros div.cont.cotizaciones{background-color: white;color:#162252}
#Bd div.cuadros div.cont.cotizaciones table{width: 100%;float: left}
#Bd div.cuadros div.cont.cotizaciones table tr td{text-align: center;vertical-align: middle;padding: 7px 0px;border-bottom: 1px dotted #c3c3c3;font-size: 14px}
#Bd div.cuadros div.cont.cotizaciones table tr td:first-child{width: 12%}
#Bd div.cuadros div.cont.cotizaciones table tr td:first-child img{width: 100%;min-width: 24px}
#Bd div.cuadros div.cont.cotizaciones table tr td.otras{text-align: left;font-weight: bold;font-size: 14px;border-bottom: 0px}
#Bd div.cuadros div.cont.cotizaciones table tr td.otras a{color:#162252}
#Bd div.cuadros div.cont.cotizaciones table tr td.otras a img{display: inline-block;margin-left: 3%;min-width:inherit;width: auto}
#Bd div.cuadros div.cont.cotizaciones table tr.ocultas{display:none}
#Bd div.cuadros div.cont.cotizaciones table tr td.nom{text-align: left;text-indent: 11%}
#Bd div.cuadros div.cont.unidades table{width:100%}
#Bd div.cuadros div.cont.unidades table tr td{line-height:2.1em;text-align:left;font-size:14px}
#Bd div.cuadros div.cont.unidades table tr td:first-child{width:95%}

div.flecha_cot_arriba{display:inline-block;width:15px;margin-left:5px; height:19px;background: url(/themes/default/images/flecha_arriba.gif) no-repeat center center}
div.flecha_cot_arriba.abajo{background-image: url(/themes/default/images/flecha_abajo.gif)}

#Bd div.cuadros div.cont.convertidor table{width: 100%;float: left}
#Bd div.cuadros div.cont.convertidor table tr td:first-child{width: 20%}
#Bd div.cuadros div.cont.convertidor table tr td{text-align: left;color:#162252;text-transform:uppercase;vertical-align: middle;padding: 10px 0px;border-bottom: 1px dotted #afcbe0}
#Bd div.cuadros div.cont.convertidor table tr td input[type="text"]{width: 96%;text-transform: none;padding: 2%}
#Bd div.cuadros div.cont.convertidor table tr td select[type="text"]{width: 100%;text-transform: none;padding: 2%;height: auto}

#Bd table.tabla_sitio tr td div.slide_cont{float:left;width:100%;margin-bottom: 1.7%;border-radius: 5px;overflow: hidden;position: relative}

#content{width: 98%;float: left;border-radius: 5px;padding: 1%;background-color: white;min-height: 630px}
#content div.inicio_cont{width:47.8%;float:left;margin:0.8% 1.1% 0% 1.1%}
#content div.inicio_cont div.contenedor{float: left;width: 100%;margin-bottom: 3.5%}
#content div.inicio_cont div.contenedor div.contenido{width: 93%;font-size: 13px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;float: left;padding: 3%;border:2px solid #f8f8f8;border-top: 0px}
#content div.inicio_cont div.contenedor div.contenido.ini{width: 99%;padding: 0%}
#content div.inicio_cont div.contenedor div.contenido.ini img{width: 100%;float: left;max-height: 172px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}

#content div.inicio_cont div.contenedor div.contenido ul.cobros{width: 84%;padding: 3% 8%}
#content div.inicio_cont div.contenedor div.contenido ul.cobros li{width: 100%;padding: 5px 0px;float: left;list-style-type: disc;list-style-position: outside;list-style-image:url(/themes/default/images/vineta.png);color:#1e3638}
#content div.inicio_cont div.contenedor div.contenido ul.cobros li a{color:#fe6100;font-weight: bold}
#content div.inicio_cont div.contenedor div.contenido ul.cobros li a:hover{}
#content div.inicio_cont div.contenedor div.contenido table.tabla_sucursales{width: 100%;float: left;}
#content div.inicio_cont div.contenedor div.contenido table.tabla_sucursales tr td:first-child{width: 8.1%;text-align: center}
#content div.inicio_cont div.contenedor div.contenido table.tabla_sucursales tr td img{width: 100%;margin-right: 5px;min-width:16px}
#content div.inicio_cont div.contenedor div.contenido table.tabla_sucursales tr td{vertical-align: middle;text-align: left;padding: 2% 1%}
#content div.inicio_cont div.contenedor div.contenido table.tabla_sucursales tr td a{}
#content div.inicio_cont div.contenedor div.contenido table.tabla_sucursales tr td a:hover{color:#1e3638}

#content a.servicios_link{width:29%;float:left;margin:2%;border-radius: 10px;}
#content a.servicios_link img{width:100%;border-radius: 10px}

#content div.pagosbps_img{width:32%;float:left;margin-right:2%;border-radius: 10px}
#content div.pagosbps_img img{width:100%;border-radius: 10px}

#content div.giros_cont{width:32%;float:left;margin:0px 0.6% 18px 0.6%;background-color:white;}
#content div.giros_cont img{width:100%;margin-bottom: 18px}

#content div.pagosbps_cont{width:49%;float:left;margin:5px 0.5%}
#content div.pagosbps_cont div.cab{width: 100%;float: left;text-align: center;background-color: #47A6D6;border-top-left-radius: 5px;border-top-right-radius: 5px;font-size: 14px;font-weight: bold;padding: 1%;text-transform: uppercase;width: 98%;color:white}
#content div.pagosbps_cont div.cont{float:left;width:94%;padding: 3%;background-color: #F7FCFF}
#content div.pagosbps_cont div.cont table{width: 100%;float: left;border-collapse: separate;border-spacing: 3px;color:#1E3638}
#content div.pagosbps_cont div.cont table tr th{text-align: left;text-transform: uppercase;background-color: #eeeeee;padding: 5px;vertical-align: middle}
#content div.pagosbps_cont div.cont table tr td{text-align: left;text-transform: uppercase;background-color: #eeeeee;padding: 5px;vertical-align: middle}
#content div.pagosbps_cont div.cont table tr td.blanco{background-color:white}
#content div.pagosbps_cont div.cont table tr th.blanco{background-color:white}

#content div.facturas_cont{min-height:120px;float: left;font-size: 14px;margin-right: 3%;margin-top: 2%;color:#1e3638;width: 22%;font-weight: bold}
#content div.facturas_cont img{float: left;margin-right: 10px;width: 120px;}
#content div.facturas_cont a{}
#content div.facturas_cont a:hover{text-decoration: underline}

#content table.tabla_timbres{width: 100%;float: left;border-collapse: separate;border-spacing: 3px}
#content table.tabla_timbres tr td{text-align: center;padding: 5px;background-color: #F7FCFF;color:#1E3638}
#content table.tabla_timbres tr td.gris{background-color:#eeeeee}
#content table.tabla_timbres tr td:first-child{text-align: left}
#content table.tabla_timbres tr th{background: #47A6D6;border-top-left-radius: 5px;border-top-right-radius: 5px;color:white;padding: 5px 0px;text-align: center;text-transform: uppercase;vertical-align: middle;font-size: 14px; font-weight: bold}
#content table.tabla_timbres tr th.sb{border-radius:0px}

#content table.tabla_formularios{width: 100%;float: left;border-collapse: collapse;margin-top: 20px}
#content table.tabla_formularios tr td{vertical-align:top;text-align:left;padding: 6px 0px;font-weight: bold;font-size: 15px;}
#content table.tabla_formularios tr td a{color:#1e3638}
#content table.tabla_formularios tr td a:hover{color:#ff3503}
#content table.tabla_formularios tr td:first-child{width: 28px;background: url(/themes/default/images/flechas_naranja.png) left center no-repeat}


#content div.mapa_g_cont{width:99%;float:left;border:2px solid #cccdc8;
            height:230px;border-radius:5px;position:relative}
#content div.mapa_g_cont iframe{position:absolute;left:0;top:0;width:100%;height:100%}

tr#tr_transp{display:none}

#content a.pdf_cont{width:96%;margin-top: 15px;line-height: 1.3em;text-transform: uppercase;float:left;border:1px solid #F0F0F0;border-radius: 5px;background-color:#fdfdfd;padding: 4px 2% }
#content a.pdf_cont img{float: left;margin-right: 10px}
#content a.pdf_cont span.txt1{font-size:11px}
#content a.pdf_cont span.txt2{font-size:12px;font-weight: bold}

/* Pie
-------------------------------------------*/
#Ft{float: left;text-align: center;width: 100%;background-color: #162252;padding: 0px 0px;color:white;font-size: 13px}
#Ft div.contenedor{display:inline-block;max-width: 1370px;padding-bottom: 50px;margin: 0px 10px}
#Ft div.contenedor div.firmas_cont{width:100%; float:left; text-align: center;margin-top: 20px}
#Ft div.contenedor div.firmas_cont div.firma1{float:left;font-size:11px; color:#5C6586;}
#Ft div.contenedor div.firmas_cont a.diseno{width:134px; height:15px; float:right;background: url(/themes/default/images/desarrollo_GM.png) center center no-repeat}
#Ft div.contenedor div.firmas_cont a{color:white}
#Ft div.contenedor div.firmas_cont a:hover{color:#fcc810}
#Ft div.links_cont{width:100%;float:left;margin: 20px 0}
#Ft div.links_cont a{color:#fcc810;display: inline-block;font-weight: bold;font-size: 13px;text-transform: uppercase;}
#Ft div.links_cont a:hover{color: white}
#Ft div.links_cont div.sep{height: 14px;display: inline-block;width: 2px;background-color: #fcc810;margin: 0px 40px;position: relative;top: 2px}
#Ft div.txt_cont{width:100%;float:left;text-align:center;display: none;margin-top: 20px}
#Ft div.txt_cont a{color:white}
#Ft div.txt_cont a:hover{color:#fcc810}

/* Paginador
-------------------------------------------*/
#content div.paginacion_cont{width:100%; float: left;text-align: center;margin-top: 20px}
#content div.paginacion_cont a.item_pag{display: inline-block ;padding: 3px 6px; border:1px solid #C3C3C3; margin-left: 5px;color:#C3C3C3 }
#content div.paginacion_cont a.item_pag.actual{color:white; background-color: #C3C3C3;border:1px solid #C3C3C3}
#content div.paginacion_cont a.item_pag.sin_borde{border:none;font-weight:bold }

.error_field {border: 2px solid #ff3535;}

.msj_cont{
    display:inline-block;
    line-height: 1.2em;
    margin-top:15px;
    color:#162252;
    font-size:13px;
    letter-spacing: normal
}

/**********************************/

.btn_wapp {
    position: fixed;
    background-color: #37BF4A;
    color: #fff;
    text-decoration: none;
    border-radius: 60px;
    height: 45px;
    display: inline-flex;
    align-items: center;
    overflow: hidden;
    width: auto;
    max-width: 45px;
    position: fixed;
    right: 25px;
    bottom: 20px;
    z-index:1001;
    transition: all 0.5s ease 0s;
}


.btn_wapp.conScroll{
    bottom: 90px;
}

.btn_wapp .ico {
    background-image: url(/themes/default/images/whatsapp.svg);
    padding: 23px;
    background-size: contain;
    background-repeat: no-repeat;
}
.btn_wapp .texto {
    padding: 0rem 2rem 0rem 0rem;
    white-space: nowrap;
    font-size: 15px
}
.btn_wapp:hover{
    max-width: 350px;
    color: white;
}

.btn_wapp_v2{
    position: fixed;
    right: 25px;
    bottom: 20px;
    z-index:1001;
    display:flex;
    color:white;
    align-items: center;
    background-color: #37BF4A;
    border-radius: 5px;
    border:1px solid #37BF4A
}

.btn_wapp_v2 .ico{
    background-image: url(/themes/default/images/whatsapp.svg);
    width:55px;
    height: 55px;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #37BF4A;
    color: #fff;
    border-radius: 100%
}
.btn_wapp_v2 .texto{
    max-width: 130px;
    line-height: 1.1em;
    font-size: 12px;
    text-align: left;
    padding-right: 5px
}

.btn_wapp_v2:hover{
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
    border:1px solid black
}

/***********************************/


@media only screen and (max-width:1400px){
    #Hd{background-size: 115%}
}

@media only screen and (max-width:1300px){
    #Hd a.logo{min-width:0px;width: 23%}
}
@media only screen and (max-width:1300px){
    .ddsmoothmenu ul li a{margin: 0 20px !important}
    .ddsmoothmenu ul li a.ctcto{margin-right: 0px !important}
    #content div.facturas_cont{width: 30%}
}

@media only screen and (max-width:1100px){   
    .cabezal_gris{font-size:13px}
}
@media only screen and (max-width:1050px){
    #content div.inicio_cont div.contenedor div.contenido table.tabla_sucursales tr td{font-size: 12px}
}
@media only screen and (max-width:1020px){
    #Hd div.busc_cont a.buscar{font-size:12px}
    #Hd div.menu_cont{display: none}
    #Hd div.menu_cont2{display: inline-block;} 
    #Hd div.fecha_hora{width: 90%}
    
    .btn_wapp_v2{
        bottom: 8px;
        right:8px
    }
    .btn_wapp_v2 .ico{
        width:45px;
        height: 45px;
    }
}

@media only screen and (max-width:950px){
    #content a.servicios_link{width:29%;}
    #content div.facturas_cont{width: 46%}
}

@media only screen and (max-width:930px){
    #txt_pie{display:none}
    #Ft div.txt_cont{display: inline-block}
}

@media only screen and (max-width:900px){
    #Hd div.social_cont{margin-top:0%;margin-left: 12%}
    #Hd div.menu_cont{display: none}
    #Hd div.menu_cont2{display: inline-block}
    .cabezal_gris{font-size:12px}
    #Hd div.busc_cont a.buscar{font-size:10px}
    div.bienvenido_cont{float:right !important}
    #Hd div.txt_cont{width:60%}
    
}

@media only screen and (max-width:850px){
    #content div.inicio_cont{width:44%;margin: 2.7% 2.7%}
    #content div.inicio_cont.nt{width:95%;margin-top: 0px}
    #content div.inicio_cont.nt div.contenedor div.contenido.ini img.img_nov{width:50%;margin-right: 2%}
    .not_inv{display:inline-block}
    .not_vis{display:none}

}

@media only screen and (max-width:780px){
    
    
}

@media only screen and (max-width:780px){
    /*.control-group{width: 100% !important;margin-right: 0px !important}*/
    #btn_enviar_reg{margin-top:10px}
    #content div.facturas_cont{width: 49%;margin-right: 1%}
}

@media only screen and (max-width:720px){
    #Ft div.links_cont div.sep{display: none }
    #Ft div.links_cont a{margin-right: 15px;margin-bottom: 10px} 
    #content div.inicio_cont{width:48%;margin:1%}
    
}
@media only screen and (max-width:690px){
    #content div.inicio_cont{width:49%;margin:0.5%}
    #content div.inicio_cont div.contenedor div.contenido table.tabla_sucursales tr td{font-size:11px}
    #content div.inicio_cont div.contenedor div.contenido table.tabla_sucursales tr td img{min-width:10px}
    #content div.pagosbps_cont{width:99%;margin:5px}
    #Hd{background-image: none}
    #Hd div.txt_cont a.chat{width:130px;}
}
@media only screen and (max-width:630px){
    #content div.inicio_cont{width:49.7%;margin:0.1%}
    #content div.inicio_cont div.contenedor div.contenido table.tabla_sucursales tr td{font-size:10px}
    #content div.inicio_cont div.contenedor div.contenido table.tabla_sucursales tr td img{min-width:7px}
    .w99{width:95% !important}
}
@media only screen and (max-width:600px){
    #content div.inicio_cont{width:96%;margin: 2.7% 2.7%}
    #content div.inicio_cont div.contenedor div.contenido table.tabla_sucursales tr td{font-size:13px}
    #content div.inicio_cont div.contenedor div.contenido table.tabla_sucursales tr td img{min-width:16px}
    #Bd table.tabla_sitio tr td div#div_cuadros_hor{display: inline-block}
    #Bd table.tabla_sitio tr td{vertical-align: top;text-align: left}
    #Bd table.tabla_sitio tr td.sep{display: none}
    #Bd table.tabla_sitio tr td.col_der{display: none}    
    #Hd div.busc_cont{min-width:250px}
    tr#tr_transp{display:table-row}
    .w99{width:99% !important}
    .not_inv{display:none}
    .not_vis{display:inline-block}
    
    #content div.giros_cont{width:48%;margin:0px 0.6% 18px 0.6%;}

    
}
@media only screen and (max-width:585px){
    
    .ddsmoothmenu{text-align: left !important;}
}
@media only screen and (max-width:580px){
    .ddsmoothmenu ul{text-align: left}
}

@media only screen and (max-width:550px){
    
    #content div.inicio_cont{width:96%;float:left;margin:2%}
    #content a.servicios_link{width:45%;}
}
@media only screen and (max-width:500px){
    
    #content div.pagosbps_img{width:48%;margin-bottom: 2%}
    #content div.giros_cont{width:100%;margin:0px 0% 2% 0%;}
    
    span#bienv{display: none !important}
}
@media only screen and (max-width:450px){
    #Bd div.cuadros.hor{width: 100%;margin-right: 0px}
    tr#tr_transp{display:none}
    
}

@media only screen and (max-width:420px){
    #Hd div.busc_cont{min-width:200px}
    #Hd{background-size: 450px}
    #Hd div.cont_der{width:76%}
}

@media only screen and (max-width:370px){
   
}

@media only screen and (max-width:325px){
    .ddsmoothmenu ul li.sep{display:none}
    .ddsmoothmenu ul li{width:40%}
    .ddsmoothmenu ul li a{float: left}
}