@import url('hover-min.css');
@import url('animate.css');




body.boxed {
    background: #f5f5f5 !important;
    overflow-y: auto !important;
}

    body.boxed .wrapper {
        background-color: #fff;
        border: 0;
        box-shadow: 0 0 30px rgba(0,0,0,0.15);
    }

        body.boxed .wrapper:before {
            box-shadow: 0 0 60px rgba(0,0,0,0.35);
        }

.offcanvas {
    background: #4C4D4F;
}

    .offcanvas .sidebar-nav > ul > li.nav-active > a {
        background: #FB3449;
    }

    .offcanvas .sidebar-nav ul.nav-sub {
        background: #5C5D5F;
    }

#linea-1, #linea-3 {
    margin-bottom: 30px;
}

#linea-1, #bannersHorizontales140 {
    margin-bottom: 25px;
}

#linea-5 {
    position: relative;
    z-index: 1;
}

.list-support li span {
    font-weight: 500;
    font-size: 12px;
    font-family: 'Lato', 'sans-serif';
}

#zo2-header > .container > .row {
    position: relative;
}

#zo2-header {
    background-color: #fff;
    box-shadow: 0 2px 3px rgba(0,0,0,0.1);
    padding: 5px 0;
    height: 90px;
    position: relative;
    z-index: 21;
}

    #zo2-header #header_logo {
        color: #FB3449;
        text-transform: uppercase;
        margin: 0px;
        box-sizing: border-box;
        font-size: 24px;
        font-weight: 900;
        height: 80px;
        line-height: 80px;
        display: block;
        text-align: center;
        margin-top: -3px;
        display: none;
    }

        #zo2-header #header_logo h2 {
            font-size: 11px;
            font-weight: 700;
            color: #ccc;
            margin: 0px;
            padding: 0px;
            margin-top: 5px;
            text-shadow: 0 2px 0px rgba(0,0,0,0);
            letter-spacing: 1px;
            display: none;
        }

    #zo2-header #logo-sonora {
        display: block;
        position: relative;
        height: 80px;
        z-index: 1;
        text-align: left;
        padding-top: 5px;
    }

        #zo2-header #logo-sonora img {
            height: 70px;
        }


/*
#zo2-header #logo-sonora .svg {
	  margin-top:5px;
  pointer-events: none;
  z-index: -1;
  position:relative;
  height:70px;
  max-height:70px !important;
  text-align:left;
  max-width:100%;


}

*/

.hvr-float-shadow {
    max-width: 100%;
}


#zo2-header #logo-sonora .svg svg {
    max-height: 70px;
    position: relative;
    left: 0px;
    max-width: 100%;
}

#zo2-header #logo-sonora .svg img {
    height: 100%;
}

#zo2-header #logo-sonora span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
}

.is-sticky {
    z-index: 10001;
}

    .is-sticky #zo2-header {
        background: #fff;
        box-shadow: 0 3px 6px rgba(0,0,0,0.15);
        max-width: none;
        width: 100%;
        padding: 5px 0px;
        height: 60px;
    }

    .is-sticky .zo2-menu .zo2-megamenu .level-top .mega-dropdown-menu .mega-dropdown-inner {
        margin-top: 0px;
    }

    .is-sticky #zo2-header #logo-sonora {
        height: 50px;
    }

        .is-sticky #zo2-header #logo-sonora .svg {
            height: 50px;
            margin-top: 0px;
        }

    .is-sticky .zo2-menu {
        margin-top: 5px;
        margin-left: -80px;
    }

.zo2-menu .zo2-megamenu .level-top {
    float: none;
}

    .zo2-menu .zo2-megamenu .level-top li[data-level="1"] {
        display: inline-block !important;
    }

        .zo2-menu .zo2-megamenu .level-top li[data-level="1"] > a {
            padding: 0 10px;
            font-size: 14px;
            color: #666;
            font-weight: 300;
        }

        .zo2-menu .zo2-megamenu .level-top li[data-level="1"]:hover > a, .zo2-menu .zo2-megamenu .level-top li[data-level="1"]:focus > a, .zo2-menu .zo2-megamenu .level-top li[data-level="1"].active > a, .zo2-menu .zo2-megamenu .level-top li[data-level="1"].open > a {
            color: #FB3449;
            color: #111;
            font-weight: 900;
        }

.zo2-menu {
    background: none repeat scroll 0 0 rgba(0,0,0,0);
    border: 0 none;
    border-radius: 0;
    margin-top: 20px;
    margin-bottom: 0;
    min-height: 30px;
    margin-left: -60px;
}

    .zo2-menu .zo2-megamenu .level-top li[data-level="1"] a .caret {
        border: medium none;
        float: right;
    }

    .zo2-menu .zo2-megamenu .level-top .mega-dropdown-menu .mega-dropdown-inner {
        background-color: #fff;
        border-top: 3px solid #FB3449;
        box-shadow: 0 3px 6px rgba(0,0,0,0.15);
        margin-top: 0;
        padding: 10px;
    }

    .zo2-menu .zo2-megamenu .level-top .mega-dropdown-menu ul li.active > a, .zo2-menu .zo2-megamenu .level-top .mega-dropdown-menu ul li:hover > a, .zo2-menu .zo2-megamenu .level-top .mega-dropdown-menu ul li:focus > a, .zo2-menu .zo2-megamenu .level-top .mega-dropdown-menu ul li.open > a {
        color: #FB3449;
        ;
        padding: 0 0 0 10px;
    }

    .zo2-menu .zo2-megamenu .level-top .mega-dropdown-menu ul > li {
        padding-bottom: 10px;
    }

    .zo2-menu .zo2-megamenu .level-top .level1 li[data-level="2"] a:before {
        margin-left: -1em;
        position: relative;
        width: 1em;
        padding-right: inherit;
    }

    .zo2-menu .zo2-megamenu .level-top .mega-dropdown-menu ul a {
        font-size: 12px;
        line-height: 16px;
        padding-left: 1em;
    }

.offcanvas {
    background: #4C4D4F;
}

    .offcanvas .sidebar-nav > ul > li.nav-active > a {
        background: #FB3449;
    }

    .offcanvas .sidebar-nav ul.nav-sub {
        background: #5C5D5F;
    }

#zo2-header #buscador {
    position: absolute;
    top: 15px;
    right: 0px;
    z-index: 1042;
}

#zo2-header .form-inline {
    background: #FFF;
    display: block;
    height: 30px;
    border-radius: 3px;
}

#zo2-header #mod-search-searchword {
}

    #zo2-header #mod-search-searchword:focus {
        width: 288px;
        border-color: rgba(0,0,0,0.1);
        font-size: 14px;
        font-weight: 500;
        font-style: normal;
        color: inherit;
        padding-left: 30px;
        box-shadow: 0 0 5px rgba(0,0,0,0.05);
        border-radius: 3px;
    }

.is-sticky #zo2-header #buscador {
    top: 5px;
}

.is-sticky #zo2-header .form-inline {
}

#gototop {
    background-color: rgba(0,0,0,0.2);
    border-radius: 3px;
    bottom: 10px;
    height: 30px;
    padding: 0px;
    position: fixed;
    right: 30px;
    transition: all 0.2s ease-in-out 0s;
    width: 30px;
    z-index: 100;
    text-align: center;
    line-height: 30px;
}

    #gototop:hover {
        background-color: #410324;
    }

    #gototop i {
        color: #fff;
        font-size: 14px;
        line-height: 0;
    }

.tp-bullets {
    top: 15px !important;
    left: auto !important;
    margin-left: inherit !important;
    right: 15px !important;
}

    .tp-bullets.simplebullets.round-old .bullet {
        background-color: #fff;
        background-image: none;
        border-radius: 50%;
        height: 15px;
        margin: 0 5px;
        width: 15px;
        box-shadow: 0 0 5px rgba(0,0,0,0.10);
    }

        .tp-bullets.simplebullets.round-old .bullet:hover, .tp-bullets.simplebullets.round-old .bullet.selected {
            background-color: #FB3449;
        }

#zo2-mainframe {
    padding: 15px 0;
    position: relative;
    z-index: 1;
}

#linea-4 {
    margin-top: 30px;
}

.zo2-menu .zo2-megamenu .level-top {
    float: left !important;
}

.btn-default {
    border: 1px solid #ddd !important;
    color: #333 !important;
    font-weight: bold;
}

.zt-icon-chevron-sign-right {
    margin: 10px 0;
}

    .zt-icon-chevron-sign-right li {
        margin-bottom: 5px;
    }

.separator {
    font-weight: bold;
}

.text-orange {
/*    color: #FB3449 !important;
*/    color: #333333 !important;
      font-weight:700 !important;
}

.text-blue {
    color: #FB3449;
}

.text-gray {
    color: #4C4D4F;
}

hr.so {
    height: 1px;
    border: 0;
    border-bottom: 2px dashed #ddd;
    box-shadow: none;
    margin: 30px 0;
    display: block;
    clear: both;
}

h2.title {
    font-size: 14px;
    background: #FB3449;
    color: #fff;
    padding: 10px 10px;
    position: relative;
    margin: 0 0 20px;
    display: block;
    font-weight: 700;
    border-radius: 3px 3px 0 0;
}

h2.title2 {
    font-size: 24px;
    color: #FB3449;
    padding: 0px;
    text-transform: uppercase;
    position: relative;
    margin: 0 0 10px;
    display: block;
    font-weight: 700;
}

h2.title3 {
    font-size: 16px;
    color: #fff;
    background: #FB3449;
    padding: 0px;
    text-transform: uppercase;
    position: relative;
    margin: 0 0 10px;
    display: block;
    padding: 8px 10px;
    font-weight: 700;
    border-radius: 3px 3px 0 0;
}

    h2.title3 em {
        font-size: 24px;
    }

h3.subtitle {
    font-size: 22px;
    background: #4C4D4F;
    color: #fff;
    padding: 5px 10px;
    text-transform: uppercase;
    position: relative;
    margin: 0 0 20px;
    text-shadow: 0 1px 0 rgba(0,0,0,0.25);
    display: block;
    margin-bottom: 0px;
}

    h3.subtitle.orange {
        background: #FE7B1B;
    }

    h3.subtitle.gobierno {
        background: #FB3449;
    }

    h3.subtitle.negocios {
        background: #671745;
    }

    h3.subtitle.campo {
        background: #288E00;
    }

    h3.subtitle.deporte {
        background: #EE8609;
    }

    h3.subtitle.empleo {
        background: #FFD400;
    }

    h3.subtitle.jovenes {
        background: #8500B2;
    }

    h3.subtitle.salud {
        background: #159599;
    }

    h3.subtitle.transparencia {
        background: #666;
    }

    h3.subtitle.turismo {
        background: #714133;
    }

    h3.subtitle.cultura {
        background: #CC3467;
    }

    h3.subtitle.educacion {
        background: #C64A00;
    }

    h3.subtitle.seguridad {
        background: #A99A00;
    }

    h3.subtitle.transporte {
        background: #00B1B5;
    }

    h3.subtitle.vivienda {
        background: #7AC8AE;
    }

    h3.subtitle.gobierno + .zt-icon-chevron-right li:before {
        color: #FB3449;
    }

    h3.subtitle.negocios + .zt-icon-chevron-right li:before {
        color: #671745;
    }

    h3.subtitle.campo + .zt-icon-chevron-right li:before {
        color: #288E00;
    }

    h3.subtitle.deporte + .zt-icon-chevron-right li:before {
        color: #EE8609;
    }

    h3.subtitle.empleo + .zt-icon-chevron-right li:before {
        color: #FFD400;
    }

    h3.subtitle.jovenes + .zt-icon-chevron-right li:before {
        color: #8500B2;
    }

    h3.subtitle.salud + .zt-icon-chevron-right li:before {
        color: #159599;
    }

    h3.subtitle.transparencia + .zt-icon-chevron-right li:before {
        color: #666;
    }

    h3.subtitle.turismo + .zt-icon-chevron-right li:before {
        color: #714133;
    }

    h3.subtitle.cultura + .zt-icon-chevron-right li:before {
        color: #CC3467;
    }

    h3.subtitle.educacion + .zt-icon-chevron-right li:before {
        color: #C64A00;
    }

    h3.subtitle.seguridad + .zt-icon-chevron-right li:before {
        color: #A99A00;
    }

    h3.subtitle.seguridad + .zt-icon-chevron-right li:before {
        color: #00B1B5;
    }

    h3.subtitle.vivienda + .zt-icon-chevron-right li:before {
        color: #7AC8AE;
    }

.item-page h1.singleItemTitle {
    font-size: 300% !important;
    text-align: left !important;
}

.list-temas {
    background: #fff none repeat scroll 0 0;
    border-bottom: 3px solid rgba(0,0,0,0.07);
    padding: 20px;
}

    .list-temas li a {
        color: #666;
        text-align: left;
    }

    .list-temas li {
        padding: 5px 0;
        text-align: left;
    }

        .list-temas li.separador {
            font-weight: 800;
            margin-left: -.2em;
            font-size: 14px;
        }

            .list-temas li.separador:before {
                display: none;
            }

.mod-content.clearfix, .mod-inner.clearfix, .mod-content.clearfix:before, .mod-inner.clearfix:before, .mod-content.clearfix:after, .mod-inner.clearfix:after {
    display: block !important;
}

.list-tramites, .weblinks ul {
    margin: 0px;
}

    .list-tramites li, .weblinks ul li {
        line-height: 1em;
        list-style: outside none none;
        margin: 8px 0;
        position: relative;
        margin-left: 10px;
    }

    .weblinks ul li {
        margin-left: 0px;
        display: block;
        border: 0px;
        padding: 0px;
        float: none;
    }

        .list-tramites li a, .weblinks ul li a {
            color: #666;
            position: relative;
            display: block;
            padding: 0px;
            padding-left: 1.2em;
            transition: all 0.15s linear 0s;
            border: 0px;
            display: block;
            font-size: 12px;
            line-height: 1.2em;
        }

            .list-tramites li a:hover, .weblinks ul li a:hover {
                color: #999;
                background: none;
                padding: 0px;
                padding-left: .8em;
            }

            .list-tramites li a:before, .weblinks ul li a:before {
                content: "\f054";
                display: block;
                width: 12px;
                height: 12px;
                position: absolute;
                top: 0px;
                left: 0px;
                font-family: FontAwesome;
                font-size: 12px;
                color: #666;
/*                z-index: 22px;
*/            }

            .list-tramites li a:hover:before, .weblinks ul li a:hover:before {
                color: #7DC142;
            }

.weblinks.cap {
    list-style: circle;
    margin-left: 20px;
}

#zo2-breadcrumb {
    background-color: #f5f5f5;
    font-size: 16px;
    color: #333;
}

.breadcrumb {
    /*background-color: transparent;*/
    border-radius: 0px;
    list-style: outside none none;
    margin-bottom: 0px;
    padding: 0px;
    color: #333;
    padding: 15px 0;
    border-bottom: 1px solid #eee;
}

    .breadcrumb a {
        color: #333;
    }

#conoce-sonora {
    min-height: 320px;
    background: #F5F5F5 url("../images/conociendo-sonora-bk.png") no-repeat top right;
}

h2.titulo-conoce-sonora {
    color: #7E1F58;
    text-transform: uppercase;
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 0px;
    margin-top: 15px;
}

p.subtitulo-conoce-sonora {
    color: #666;
    font-size: 14px;
    font-style: italic;
    font-weight: 800;
    margin: 0px;
    margin-bottom: 20px;
}

#conocer-sonora-foto1 {
    color: #f33435;
}

.popover-imagenes .popover {
    position: relative;
    display: block;
    cursor: pointer;
}

.popover {
    border: 0px solid #ccc;
    border: 0px solid rgba(0,0,0,.2);
    border-radius: 0px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.popover-imagenes:hover .popover {
}

.popover-imagenes span.texto-foto {
    display: block;
    padding: 15px 15px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-style: italic;
    font-weight: 700;
    color: #666;
    line-height: 1em;
}

.popover-imagenes:hover span.texto-foto {
    color: #9D266D !important;
    cursor: pointer;
}

.popover-content {
    padding: 8px 8px;
}

    .popover-content p {
        margin: 0px;
        padding: 0px;
        height: 140px;
        width: 100%;
    }

p.imagen-etnias {
    background: #F5F5F5 url("../images/conociendo-sonora-etnias.jpg") no-repeat center;
}

p.imagen-fiestas {
    background: #F5F5F5 url("../images/conociendo-sonora-fiestas.jpg") no-repeat center;
}

p.imagen-comida {
    background: #F5F5F5 url("../images/conociendo-sonora-comida.jpg") no-repeat center;
}

p.imagen-destinos {
    background: #F5F5F5 url("../images/conociendo-sonora-destinos.jpg") no-repeat center;
}

.logos {
    position: relative;
    height: 320px;
}

.logo-sonora-sonrie {
    position: absolute;
    bottom: 10px;
    left: 65px;
    background: url("../images/logo-sonora-sonrie.png") no-repeat center;
    height: 126px;
    width: 169px;
}

.logo-sonora-turismo {
    position: absolute;
    bottom: 50px;
    right: -28px;
    background: url("../images/logo-sonora-turismo.png") no-repeat center;
    height: 50px;
    width: 169px;
}

.tabs .nav-tabs {
    border-bottom: 0px solid #DDD;
}

    .tabs .nav-tabs > li > a {
        margin-right: 0px;
        line-height: 1.42857;
        border: 0px solid transparent;
        border-radius: 0px;
        background-color: rgba(76,77,79,0.6);
        color: #fff;
        padding: 10px;
        font-weight: 600;
    }

        .tabs .nav-tabs > li > a:hover {
            background-color: rgba(76,77,79,0.8);
        }

    .tabs .nav-tabs > li.active > a, .tabs .nav-tabs > li.active > a:hover, .tabs .nav-tabs > li.active > a:focus {
        color: #fff;
        cursor: default;
        background-color: rgba(76,77,79,1);
        border: 0px;
        border-radius: 0px;
    }

.tab-content {
    border: 1px solid #ddd;
    min-height: 295px;
}

.tabs.tabs-orange .nav-tabs > li > a {
    background-color: rgba(248,107,1,0.6);
}

    .tabs.tabs-orange .nav-tabs > li > a:hover {
        background-color: rgba(248,107,1,0.8);
    }

.tabs.tabs-orange .nav-tabs > li.active > a, .tabs.tabs-orange .nav-tabs > li.active > a:hover, .tabs.tabs-orange .nav-tabs > li.active > a:focus {
    background-color: rgba(248,107,1,1);
}

.tabs.tabs-blue .nav-tabs > li > a {
    background-color: rgba(0,122,185,0.6);
}

    .tabs.tabs-blue .nav-tabs > li > a:hover {
        background-color: rgba(0,122,185,0.8);
    }

.tabs.tabs-blue .nav-tabs > li.active > a, .tabs.tabs-blue .nav-tabs > li.active > a:hover, .tabs.tabs-blue .nav-tabs > li.active > a:focus {
    background-color: rgba(0,122,185,1);
}

.tabs.tabs-blue .tab-content .list-tramites {
    margin-left: -10px;
}

    .tabs.tabs-blue .tab-content .list-tramites li:before {
        color: #FB3449 !important;
    }

    .tabs.tabs-blue .tab-content .list-tramites li {
        margin-bottom: 15px;
    }

.tab-pane.active {
    padding: 15px 0;
}

    .tab-pane.active h5 {
        margin-top: 0px;
        font-size: 16px;
    }

    .tab-pane.active h6 {
        font-size: 14px;
    }

    .tab-pane.active img {
        border: 3px solid rgba(0,0,0,0.10);
        box-shadow: inset 0 0 5px rgba(0,0,0,0.40);
    }

        .tab-pane.active img:before {
            box-shadow: 0 0 5px rgba(0,0,0,0.40);
        }

    .tab-pane.active p.text-right a {
        color: #666;
        font-weight: bold;
        font-style: italic;
    }

.twitter-sonora {
    height: 270px;
    position: relative;
}

    .twitter-sonora h2.title3 {
        margin-bottom: -35px !important;
    }

.twitter-timeline {
    position: absolute;
    top: 0 !important;
    z-index: 0;
}

.gkTabsGK5 {
    overflow: inherit !important;
    position: relative;
    margin-top: 15px;
}

#tramites-servicios .gkTabsGK5 {
    margin: 0px;
}

.gkTabsWrap.vertical ol {
    border-bottom: 0px;
    background: none !important;
    margin: 0 !important;
    min-height: 20px;
    padding: 0 !important;
}

    .gkTabsWrap.vertical ol li, .gkTabsWrap.horizontal ol li {
        border-radius: 0;
        cursor: pointer;
        float: left;
        font-size: 12px;
        font-weight: 700;
        list-style-type: none;
        min-height: inherit !important;
        margin: 0px !important;
        padding: 0 10px !important;
        position: relative;
        z-index: 1;
        background: #eee;
        color: #6a6a6a;
        text-shadow: none !important;
        margin-right: 2px !important;
        border-radius: 3px 3px 0 0;
    }

#tramites-servicios .gkTabsGK5 .gkTabsWrap.vertical ol li, #tramites-servicios .gkTabsGK5 .gkTabsWrap.horizontal ol li {
    font-size: 14px;
}

.gkTabsWrap.vertical ol li.active, .gkTabsWrap.horizontal ol li.active {
    background: #FB3449;
    color: #fff;
}

.gkTabsWrap.vertical ol li:hover, .gkTabsWrap.horizontal ol li:hover {
    background: #FB3449;
    opacity: 0.9;
    color: #fff;
}

.gkTabsContainer, .gkTabsContainer[style] {
    clear: both;
    overflow: hidden !important;
    position: relative;
    border: 0px solid rgba(0,0,0,0.1);
    position: relative;
    top: -1px;
    z-index: 0;
    padding: 0px;
}

    .gkTabsContainer .custom > strong, .gkTabsContainer[style] .custom > strong {
        margin: 15px;
        display: block;
    }

#tramites-servicios .gkTabsContainer, #tramites-servicios .gkTabsContainer[style] {
    border-width: 1px;
}

.gkTabsItem {
    box-sizing: border-box;
    padding: 0px;
    position: absolute;
    top: 0;
    transition: all 0.3s ease-out 0s;
    width: 100%;
    z-index: 1;
}

.temas-contenido {
    height: 235px;
    padding: 30px;
    padding-bottom: 20px;
    box-sizing: border-box;
    background: none repeat scroll 0 0 #f5f5f5;
    border-bottom: 1px solid #ddd;
}

    .temas-contenido ul li a {
        color: #666;
        font-weight: 800;
        font-size: 13px;
        font-style: italic;
        padding: 5px 0;
        display: block;
        border-radius: 3px;
        -webkit-transition: background-color 200ms ease-out 0.03s;
        -moz-transition: background-color 200ms ease-out 0.03s;
        -o-transition: background-color 200ms ease-out 0.03s;
        transition: background-color 200ms ease-out 0.03s;
        background: transparent;
        line-height: 1.2em;
    }

#zo2-bottom {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    border-top: 1px solid rgba(0,0,0,0.1);
    height: 50px;
    line-height: 50px;
    margin-top: 0;
    padding: 0px !important;
    position: relative;
    z-index: 3;
    overflow: hidden;
}

#footer-bottom .custom p {
    text-align: center;
}

.temas-contenido ul li a:hover {
    background: #FB3449;
    color: #fff;
    padding-left: 5px;
}

#zo2-footer, #footer-bottom {
    background-color: #fff;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    color: #ccc;
    padding: 15px 0;
}

#zo2-footer {
    background-color: #eee;
    border-top: 1px solid rgba(0,0,0,0.1);
    color: #6a6a6a;
    font-size: 12px;
}

    #zo2-footer p a {
        color: #999;
    }

        #zo2-footer p a:hover {
            color: #fb3449;
        }

.copyright p {
    font-size: 10px;
}

#zo2-footer p {
    color: #666;
    font-size: 12px;
    line-height: 1.2em;
    margin: 5px 0;
    text-align: center;
}

    #zo2-footer p + p {
        font-size: 10px;
    }

#zo2-bottom .social-media {
    float: left;
}

ul#menu-inferior {
    margin: 0;
    padding: 0;
    text-align: right;
}

    ul#menu-inferior li {
        display: inline-block;
        padding: 10px 0;
    }

        ul#menu-inferior li a {
            display: block;
            padding: 0px 5px;
            line-height: 16px;
            height: 16px;
            border-right: 1px solid #ddd;
            color: #666;
            font-weight: bold;
        }

        ul#menu-inferior li:last-child a {
            border-right: 0px;
        }

#zo2-footer-top {
    background: #fff;
    color: #666;
    position: relative;
    z-index: 0;
}

    #zo2-footer-top .container {
    }

    #zo2-footer-top h3.moduletitle {
        color: #666;
        font-size: 16px;
        font-weight: 900;
        margin-bottom: 25px;
    }

.weblinks {
    font-size: 110%;
}

    .weblinks li {
        line-height: 20px;
        padding-bottom: 5px;
    }

        .weblinks li a {
            color: #666;
        }

    .weblinks .fa-angle-right:before {
        content: "";
    }

    .weblinks .fa-angle-right {
        font-size: 12px;
    }

    .weblinks li a:hover, .weblinks li a:active, .weblinks li a:focus {
        color: #666;
    }

        .weblinks li a:hover i, .weblinks li a:active i, .weblinks li a:focus i {
            /*color: #FB3449;*/
            color: #7DC142;
        }

.nspArt {
    box-sizing: border-box;
    float: left;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 15px !important;
}

    .nspArt h4.nspHeader {
        line-height: 1em !important;
        padding: 0;
        margin: 0;
    }

        .nspArt h4.nspHeader a {
            text-decoration: none;
            font-weight: 700;
            font-size: 20px;
            line-height: 1.2em !important;
            color: #FB3449;
        }

            .nspArt h4.nspHeader a:hover {
                color: #999;
            }

    .nspArt p.nspText {
        color: #fafafa;
    }

#difusion {
    position: relative;
    z-index: 1;
    background: #3a3a3a;
}

    #difusion .container .row .zo2-col {
        margin: 30px 0 15px 0;
    }

#fpssContainer190 .slides {
    position: relative;
    z-index: 0;
}

    #fpssContainer190 .slides .slide {
        position: relative;
        z-index: 1;
    }

        #fpssContainer190 .slides .slide .slide-link span {
            position: relative;
            z-index: 1;
        }

#fpssContainer190.fpss-template-movies {
    border: 0px solid #999;
    font-family: inherit !important;
    height: 300px;
    margin: 0px auto;
    overflow: hidden;
    padding: 0px;
    position: relative;
    width: 556px;
}

.fpss-template-movies .slidetext {
    z-index: 5;
    left: 0px;
    padding: 15px;
    background: rgba(0,0,0,0.75);
}

#fpssContainer190.fpss-template-movies .navigation-wrapper {
    background: #4C4D4F !important;
    float: left;
    height: 350px;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    width: 292px;
    display: none;
}

#fpssContainer190.fpss-template-movies .navigation li.navigation-button a {
    color: #fff;
    display: block;
    font-size: 12px;
    margin: 0;
    overflow: hidden;
    padding: 10px 20px;
    position: relative;
    text-decoration: none;
    z-index: 9;
    box-shadow: 0 1px 0 #5c5a5b;
    border-bottom: 1px solid rgba(0,0,0,0.25);
    line-height: 1.2em;
    color: #BABABA;
    height: auto !important;
    border-top: none !important;
    transition: color 0.15s linear 0s;
}

.fpss-template-movies .navigation li {
    background: none !Important;
}

    .fpss-template-movies .navigation li.active .navigation-title, .fpss-template-movies .navigation li:hover .navigation-title, .fpss-template-movies .navigation-background .navigation-title {
        color: #fff;
        text-shadow: 0 1px 1px rgba(0,0,0,0.25);
    }

.fpss-template-movies .navigation-title {
    color: #fff;
    display: block;
    font-size: 11px;
    font-weight: bold;
    line-height: 16px;
    margin: 0;
    padding: 0;
    color: #BABABA;
    text-transform: uppercase;
    text-align: justify;
}

.fpss-template-movies .fpss-clr {
    display: none;
}

.fpss-template-movies span.navigation-thumbnail {
    display: none !important;
}

.fpss-template-movies .slidetext h1, .fpss-template-movies .slidetext h1 a {
    color: #FB3449;
    font-size: 18px;
    line-height: 1.2em;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: 700;
    transition: all 200ms ease 0s;
}

    .fpss-template-movies .slidetext h1 a:hover {
        color: #F97801;
    }

.fpss-template-movies .slidetext p {
    background: none;
    color: #fff;
    margin: 0;
    padding: 5px 0;
    font-size: 11px;
    line-height: 1.2em;
}

#fpssContainer190.fpss-template-movies .fpssTimerContainer .fpssTimer {
    background-color: #FB3449;
    clear: both;
    height: 6px;
    width: 0;
}

#sala-prensa .nspArts {
}

#sala-prensa .nspLinksWrap {
    background: #f5f5f5;
    border-left: 1px solid #ddd;
    height: 100%;
    height: 320px;
    overflow: auto;
}

#sala-prensa .nspArt {
    padding: 0px 0px !important;
    margin: 0 10px !important;
    width: auto !important;
}

    #sala-prensa .nspArt h4.nspHeader, #sala-prensa .nspArt h4.nspHeader a {
        font-size: 13px;
        margin: 0;
        padding: 0px;
        font-weight: 800;
        color: #4C4D4F;
        line-height: 1.2em;
        float: none !important;
        word-wrap: normal;
        text-align: justify;
    }

    #sala-prensa .nspArt .nspImageWrapper {
        display: inline-table;
        position: relative;
        float: left !important;
        clear: none !important;
        margin: 10px;
        padding: 3px;
        background: rgba(153,153,153,0.6);
        min-height: 110%;
    }

    #sala-prensa .nspArt .nspInfo {
        display: block !important;
        font-size: 12px;
        color: #666;
        margin: 2px 0;
    }

.nspLinks .nspLinkScroll1 ul {
    padding: 0px;
    margin: 0px;
    display: block;
}

    .nspLinks .nspLinkScroll1 ul li {
        background: none;
        padding: 0px 0;
        margin: 10px 0px !important;
        display: block;
        border: 0px;
        padding-left: 1.4em;
    }

        .nspLinks .nspLinkScroll1 ul li:before {
            content: '\f054';
            font-family: 'FontAwesome';
            font-size: 12px;
            color: #FB3449;
            display: inline-block;
            width: 1.2em;
            margin-left: -1.2em;
        }

        .nspLinks .nspLinkScroll1 ul li h4 {
            font-size: 12px;
            margin: 0;
            padding: 0px;
            font-weight: 900;
            color: #4C4D4F;
            color: #ddd;
            line-height: 1.2em;
            float: none !important;
            text-align: justify;
            display: inline-table;
        }

.nspLinks ul li h4 a {
    text-decoration: none;
    color: #4C4D4F;
    color: #999;
}

    .nspLinks ul li h4 a:hover {
        color: #FB3449;
    }

.nspBotInterface, .nspTopInterface {
    clear: both;
    float: right;
    margin: 5px;
    overflow: hidden;
}

.social-media a i, .social-media a em {
    text-align: center;
    width: 36px;
}

#nsp-nsp-ultimasnoticias .nspArt.nspCol1 {
    border-bottom: 1px dotted #eee;
    margin-bottom: 5px;
}

#nsp-nsp-ultimasnoticias .nspArt h4 {
    line-height: 1em !important;
}

    #nsp-nsp-ultimasnoticias .nspArt h4.nspHeader a {
        text-decoration: none;
        font-size: 13px;
        font-weight: 800;
        color: #4C4C4E;
        line-height: 1em !important;
    }

.item-page, .items-leading, .items-row, #denuncia-ciudadana {
    font-size: 14px;
    line-height: 1.6em;
    text-align: justify;
}

    .items-leading h2.item-title a, .items-row h2.item-title a {
        font-size: 30px;
        text-align: left;
        color: #4C4D4F;
        line-height: 1em;
    }

#denuncia-ciudadana {
    font-size: 13px;
    line-height: 1.6em;
    text-align: justify;
    padding: 0 15px;
}

    #denuncia-ciudadana fieldset {
        border-bottom: 1px solid #ddd;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    #denuncia-ciudadana .form-group {
        margin-bottom: 5px;
    }

    #denuncia-ciudadana .form-control {
        border-radius: 0px;
        padding: 4px 12px;
    }

    #denuncia-ciudadana .control-label {
        line-height: 1.2em;
    }

#contacto.i-block {
    background: #007f6a;
    border-radius: 3px;
    padding: 15px;
    box-sizing: border-box;
    height: auto;
}

#contacto h2.i-title {
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    text-shadow: 0 1px 0px rgba(0,0,0,0.2);
    margin: 0px 0px 5px 0;
    border-bottom: 1px dashed #eee;
    box-shadow: 0 1px 0 rgba(0,0,0,0.1);
    padding-bottom: 15px;
}

#contacto.i-block .i-row {
    background: rgba(0,0,0,0.2);
    border-radius: 3px;
    padding: 5px 0px;
    padding-left: 55px;
    margin: 10px 0;
    display: block;
    color: #fff;
    position: relative;
}

    #contacto.i-block .i-row i {
        position: absolute;
        top: 10px;
        left: 10px;
        font-size: 36px;
    }

.hvr-bounce-to-left::before {
    background: rgba(0,0,0,0.2);
    border-radius: 3px;
    cursor: pointer;
}

#contacto.i-block .i-row h2 {
    margin: 0px;
    padding: 0px;
    line-height: 1em;
}

#contacto.i-block .i-row p {
    margin: 0;
    padding: 0px;
    margin-top: 5px;
    line-height: 1em;
}

    #contacto.i-block .i-row p span {
        display: block;
    }

#gobierno-sonora {
    border: 1px solid #ddd;
    height: auto;
}

    #gobierno-sonora .gobernador {
        border-bottom: 1px solid #ddd;
        height: 100px;
        background: #f5f5f5;
        padding: 10px;
        box-sizing: border-box;
    }

        #gobierno-sonora .gobernador p {
            line-height: 1.2em;
            margin: 12px 0;
        }
        
        #gobierno-sonora .gobernador p strong {
            font-size:14px;
            color:#3A3A3A;
            font-weight:700;
        }

            #gobierno-sonora .gobernador p span {
                font-style: normal;
                line-height: 1.2em;
                font-size: 11px;
            }

            #gobierno-sonora .gobernador p a {
                color: #666;
                font-size: 11px;
            }

                #gobierno-sonora .gobernador p a:hover {
                    text-decoration: underline;
                }

        #gobierno-sonora .gobernador img {
            float: left;
            border: 3px solid rgba(0,0,0,0.25);
            margin-right: 15px;
            max-width: 70px;
        }

        #gobierno-sonora .gobernador ul li:before {
            color: #4C4C4E;
        }

    #gobierno-sonora ul.list-tramites {
        margin-top: 10px;
    }

        #gobierno-sonora ul.list-tramites li {
            margin-left: 15px;
        }

            #gobierno-sonora ul.list-tramites li a, #gobierno-sonora ul.list-tramites li:before {
                color: #4C4C4E;
            }

.secretarios {
    height: 125px;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(238,238,238,1)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#eee', GradientType=1 );
    border-bottom: 5px solid #ddd;
}

    .secretarios.gobernador {
        height: 155px;
    }

    .secretarios img {
        height: 125px;
    }

    .secretarios.gobernador img {
        height: 155px;
    }

    .secretarios.gobernador {
        border-bottom: 5px solid #FB3449;
    }

    .secretarios .contenido {
        padding: 15px 0;
    }

    .secretarios.gobernador .contenido {
        padding: 25px 0;
    }

    .secretarios .contenido h3 {
        font-size: 18px;
        font-weight: 500;
        padding: 0px;
        margin: 0;
        margin-bottom: 5px;
        color: #4C4C4E;
        text-transform: uppercase;
    }

    .secretarios .contenido span {
        font-size: 11px;
        color: #666;
        line-height: 1.2em !important;
        display: block;
    }

    .secretarios .contenido p {
        margin-top: 25px;
        font-size: 11px;
        color: #0079B8;
    }

    .secretarios.gobernador .contenido p {
        margin-top: 50px;
        font-size: 11px;
        color: #0079B8;
    }

    .secretarios .contenido p a {
        color: #0079B8;
    }

#gobernador {
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #f5f5f5 47%, #eee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(47%, #f5f5f5), color-stop(100%, #eee));
    background: -webkit-linear-gradient(top, #fff 0%, #f5f5f5 47%, #eee 100%);
    background: -o-linear-gradient(top, #fff 0%, #f5f5f5 47%, #eee 100%);
    background: -ms-linear-gradient(top, #fff 0%, #f5f5f5 47%, #eee 100%);
    background: linear-gradient(to bottom, #fff 0%, #f5f5f5 47%, #eee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#eee', GradientType=0 );
    padding: 15px;
    border-bottom: 5px solid #FB3449;
    min-height: 700px;
}

    #gobernador h3 {
        margin: 0px 0 0px 0;
        padding: 0px;
    }

    #gobernador p {
        margin: 15px 0;
    }

#contralora {
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #f5f5f5 27%, #eee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(47%, #f5f5f5), color-stop(100%, #eee));
    background: -webkit-linear-gradient(top, #fff 0%, #f5f5f5 27%, #eee 100%);
    background: -o-linear-gradient(top, #fff 0%, #f5f5f5 27%, #eee 100%);
    background: -ms-linear-gradient(top, #fff 0%, #f5f5f5 27%, #eee 100%);
    background: linear-gradient(to bottom, #fff 0%, #f5f5f5 27%, #eee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#eee', GradientType=0 );
    padding: 15px 0;
    margin-top: 15px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

    #contralora .titular {
        height: 240px;
        overflow: hidden;
        position: relative;
        border: 5px solid #ddd;
        margin: 5px;
    }

    #contralora .datos {
        height: 80px;
        padding: 5px 10px;
        width: 100%;
        box-sizing: border-box;
        position: absolute;
        bottom: 0;
        left: 0;
        background: none repeat scroll 0 0 rgba(60,61,63,0.95);
        color: #fff;
    }

        #contralora .datos a {
            color: #eee;
        }

            #contralora .datos a:hover {
                color: #dddd;
                text-decoration: underline;
            }

    #contralora .list-tramites {
        margin-top: -10px;
    }

.foxcontainer_contacto .control-group:last-child .controls {
    width: 270px;
    text-align: right;
}

    .foxcontainer_contacto .control-group:last-child .controls .btn {
        margin: 0px !important;
    }

#top-language {
    padding-top: 8px;
}

    #top-language a.flag, #top-language a.alt_flag {
        padding: 0px;
        font-size: 16px;
    }

div.panel {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

div.panel-banner {
    border-radius: 0px;
    background: #eee;
    border: 0px;
    box-shadow: none;
    border-bottom: 2px solid rgba(0,0,0,0.15);
}

    div.panel-banner:hover {
        border-radius: 0px;
        box-shadow: inset 0 0 30px rgba(0,0,0,0.20);
        border-bottom: 2px solid rgba(0,0,0,0.35);
    }

div.panel {
    border-radius: 0px;
    border: 0px;
    box-shadow: none;
    border-bottom: 2px solid rgba(0,0,0,0.15);
    background: #F5F5F5;
}

    div.panel > .panel-heading {
        background: #FB3449;
        color: #fff;
        border-radius: 0px;
        font-size: 14px;
        padding: 10px 15px;
        text-transform: uppercase;
        font-weight: 700;
        text-align: left;
        border-radius: 3px 3px 0 0;
    }

    div.panel > .panel-body ul {
        margin: 0;
        padding: 0;
    }

        div.panel > .panel-body ul li {
            list-style: none;
            position: relative;
            line-height: 1.4em;
            display: block;
            margin-bottom: 10px;
            min-height: 30px;
        }

            div.panel > .panel-body ul li.separador {
                border-bottom: 1px solid #ddd;
                box-shadow: 0 1px 0 #fff;
                height: 1px;
                min-height: 1px;
            }

            div.panel > .panel-body ul li > a {
                color: #4C4C4D;
                font-weight: bold;
                position: relative;
                padding-left: 40px;
            }

                div.panel > .panel-body ul li > a:hover {
                    color: #6C6C6D;
                    font-weight: bold;
                    position: relative;
                    padding-left: 40px;
                }

                div.panel > .panel-body ul li > a i, div.panel > .panel-body ul li > a em.fa {
                    font-size: 24px;
                    position: absolute;
                    left: 0px;
                    top: 1px;
                }

                div.panel > .panel-body ul li > a span {
                    color: #4C4C4D;
                    font-weight: normal;
                    display: block;
                    padding-left: 40px;
                    font-size: 11px;
                    margin-top: -5px;
                }

                div.panel > .panel-body ul li > a span {
                    line-height: 1.2em;
                }

                    div.panel > .panel-body ul li > a span a {
                        line-height: 1.6em;
                        color: #4C4C4D;
                    }

div.panel-banner {
    border-radius: 0px;
    background: #797979;
    border: 0px;
    box-shadow: none;
    color: #fff;
}

div.panel.panel-banner > .panel-body ul li a, div.panel.panel-banner > .panel-body ul li > a i, div.panel.panel-banner > .panel-body ul li > a span {
    color: #fff !important;
}

div.panel.panel-banner > .panel-body ul li > a span {
    line-height: 1.2em;
}

    div.panel.panel-banner > .panel-body ul li > a span a {
        line-height: 1.6em;
    }

div.panel-banner.panel > .panel-body ul li > a em {
    background: #fff;
}

#showbiz_1_1 {
    background-color: #fff;
    border-top: 1px solid rgba(0,0,0,0.1);
    padding-top: 15px;
    border-left: 0;
    border-right: 0;
}

    #showbiz_1_1 .mediaholder {
        background: none !important;
        border: 0px solid #cecece !important;
        border-radius: 0px !important;
        padding: 0px !important;
        margin: 10px !important;
        position: relative;
    }

    #showbiz_1_1 .showbiz ul li {
        margin: 0 0px 0 0 !important;
    }

.mediaholder .mediaholder_innerwrap {
    position: relative;
    display: block;
    overflow: visible;
}

    .mediaholder .mediaholder_innerwrap:before, .mediaholder .mediaholder_innerwrap:after {
        z-index: -1;
        position: absolute;
        content: "";
        bottom: 5px;
        left: 10px;
        width: 50%;
        top: 90%;
        max-width: 300px;
        background: #777;
        -webkit-box-shadow: 0 15px 10px #777;
        -moz-box-shadow: 0 15px 10px #777;
        box-shadow: 0 15px 10px #777;
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
        -o-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        transform: rotate(-3deg);
    }

    .mediaholder .mediaholder_innerwrap:after {
        -webkit-transform: rotate(3deg);
        -moz-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        transform: rotate(3deg);
        right: 10px;
        left: auto;
    }

#showbiz_1_1 .showbiz-title, #showbiz_1_1 .showbiz-title a, #showbiz_1_1 .showbiz-title a:visited, #showbiz_1_1 .showbiz-title a:hover {
    color: #555;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
}

#showbiz_1_1 .linkicon.notalone {
    margin: 0px !important;
}

#showbiz_1_1 .sb-navigation-left.notclickable:hover, #showbiz_1_1 .sb-navigation-right.notclickable:hover, #showbiz_1_1 .sb-navigation-left, #showbiz_1_1 .sb-navigation-right, #showbiz_1_1 .sb-navigation-play {
    background: rgba(0,0,0,0.45);
    border: 0px solid #333 !important;
    border-radius: 50% !important;
    line-height: 30px;
    height: 30px;
    width: 30px;
    padding: 0;
    text-align: center;
}

#enlaces table tbody tr td {
    padding-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0 !important;
    text-align: center;
}

.com_docman .pagination ul li {
    margin: 0 !important;
}

.com_docman .pagination li:first-child a, .com_docman .pagination li:first-child span {
    border-left-width: 1px;
    border-radius: 3px 0 0 3px;
}

.com_docman .pagination a, .com_docman .pagination span {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: #ddd;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    float: left;
    line-height: 34px;
    padding: 0 14px;
    text-decoration: none;
    color: #666;
}

    .com_docman .pagination a:hover, .com_docman .pagination span:hover {
        border: 1px solid #ccc !important;
        color: #666 !important;
    }

.com_docman .pagination ul {
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    display: inline-block;
    margin-bottom: 0;
    margin-left: 0;
}

.com_docman .pagination a:hover, .com_docman .pagination .active a, .com_docman .pagination .active span {
    background-color: #f5f5f5;
}

.com_docman .pagination {
    height: 36px;
    margin: 10px 0;
}

.modal-content {
    box-shadow: 0 15px 35px rgba(0,0,0,0.2) !important;
}

.modal-content {
    border: 0 solid rgba(0,0,0,0.2) !important;
    border-radius: 2px !important;
    font-size: 14px !important;
}

.modal-header {
    min-height: 16.43px !important;
    padding: 5px 10px !important;
}

.modal-body {
    padding: 5px 10px !important;
}

.modal-title {
    font-size: 120% !important;
    font-weight: 800 !important;
}

.modal {
    padding-left: 0px !important;
    padding-right: 0px !important;
    overflow-y: scroll !important;
}

.table-info td, table-info th {
    font-size: 12px !important;
    padding: 1px !important;
}

.table-sm td {
    font-size: 11px;
    padding: 2px !important;
}

.downloadFile {
    font-size: 14px;
    color: #333;
    position: relative;
    padding-left: 40px;
    margin-bottom: 5px;
    line-height: 16px;
    transition: all 0.5s ease 0s;
}

    .downloadFile:hover {
        color: #666;
        text-decoration: underline;
    }

    .downloadFile:before {
        display: block;
        width: 26px;
        height: 26px;
        background: #333;
        color: #fff;
        position: absolute;
        top: 0px;
        left: 0px;
        border-radius: 50%;
        content: '';
        font-size: 14px;
        text-align: center;
        line-height: 26px;
        font-family: "FontAwesome";
        transition: all 0.5s ease 0s;
    }

    .downloadFile.pdf:before {
        content: '\f1c1';
        background: #ED1C24;
    }

    .downloadFile.doc:before {
        content: '\f1c2';
        background: #29ABE2;
    }

    .downloadFile:hover:before {
        background: #ccc;
    }

#disposicionesJuridicas a {
    display: block;
    width: 26px;
    height: 26px;
    background: #ED1C24;
    color: #fff;
    border-radius: 50%;
    font-size: 16px;
    text-align: center;
    font-family: "FontAwesome";
    transition: all 0.5s ease 0s;
    line-height: 26px;
}

#login-form .userdata #form-login-remember {
    margin-left: 20px;
}

#login-form ul.unstyled li {
    display: block;
    margin-top: 12px;
    overflow: hidden;
    width: 100%;
}

    #login-form ul.unstyled li a span {
        display: none !important;
    }

#login-form ul.unstyled li {
    margin: 5px 0px;
}

    #login-form ul.unstyled li a {
        padding-left: 10px;
    }

        #login-form ul.unstyled li a:before {
            font-family: "FontAwesome";
            content: '\f0da';
            font-size: 14px;
            color: #000;
            position: absolute;
            left: 0px;
            top: 2px;
        }

#zo2-bottom .social-media {
    float: left;
}

ul#menu-inferior {
    margin: 0;
    padding: 0;
    text-align: right;
}

    ul#menu-inferior li {
        display: inline-block;
        padding: 10px 0;
    }

        ul#menu-inferior li a {
            border-right: 1px solid #ddd;
            color: #666;
            display: block;
            font-size: 12px;
            font-weight: 300;
            height: 20px;
            line-height: 20px;
            padding: 0 10px;
        }

            ul#menu-inferior li a:hover {
                color: #000;
            }

        ul#menu-inferior li:last-child a {
            border-right: 0 none;
        }

#zo2-footer-top {
    background: #fff none repeat scroll 0 0;
    border-top: 0 none;
    color: #666;
    position: relative;
    z-index: 0;
}

.docman-table-categories a {
    color: #6a6a6a;
    font-weight: 900;
}

    .docman-table-categories a:hover {
        color: #FFD100;
    }

.com_docman .docman-table-list table .icon {
    margin-right: 0.1em;
    visibility: hidden;
    display: none;
}

.docman-table-categories tr td > a:first-child:before {
    content: '\f07b';
    font-size: 20px;
    color: #6a6a6a;
    font-family: 'FontAwesome';
}

.docman-table-categories tr td:hover > a:first-child:before {
    content: '\f07c';
}

.btn-xlg {
    display: block;
    background: #10AD5D;
    color: #fff;
    margin-bottom: 15px;
    font-size: 12px;
    text-transform: uppercase;
    padding-bottom: 20px;
    padding-top: 20px;
    white-space: normal;
}

    .btn-xlg a {
        color: #fff;
    }

        .btn-xlg a:hover {
            color: #eee;
        }

    .btn-xlg:hover {
        background: #009d4d;
        color: #fff;
    }



.btn-xlg2 {
    display: block;
    background: #00B573;
    color: #fff;
    margin-bottom: 15px;
    font-size: 11px;
    text-transform: uppercase;
    padding-bottom: 20px;
    padding-top: 20px;
    white-space: normal;
}

    .btn-xlg2 a {
        color: #fff;
    }

        .btn-xlg2 a:hover {
            color: #eee;
        }

    .btn-xlg2:hover {
        background: #8DCA53;
        color: #fff;
    }





#logo-sonora-juntos {
    display: block;
    position: relative;
    height: 240px;
    width: auto;
    z-index: 1;
    text-align: center;
    padding-top: 20px;
    border-right: 1px solid rgba(0,0,0,0.1);
    margin-right: 10px;
}


    #logo-sonora-juntos img {
        height: 140px;
    }


    /*
#logo-sonora-juntos .svg {
	height: 70%;
	max-height:70%;
  width:100%;
  max-width:177px;	
	margin-left: auto;
	margin-right: auto;
	pointer-events: none;
	z-index: -1
}

*/







    #logo-sonora-juntos .svg svg {
        height: 70%;
        max-height: 70%;
    }

    #logo-sonora-juntos span {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        display: block;
    }


#canvas {
    top: 30px;
    right: 5px;
    left: auto;
    text-align: right;
    z-index: 4;
    position: absolute;
}

    #canvas i {
        color: #FB3449;
    }

/*Twitter*/
#configTwitter ul {
	margin: 0px;
	padding: 0px;
}
#configTwitter ul li {
	background: #fff;
	border-top: 4px solid #fb3448;
	padding: 10px 15px;
	box-shadow: 0 3px 5px rgba(0,0,0,0.1);
	margin: 0px;
	list-style: none;
	margin-bottom: 20px;
	position: relative;
}
#configTwitter ul li:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #fff;
	position: absolute;
	bottom: -10px;
	left: 10px;
}
#configTwitter ul li .user {
	float: left;
	width: 48px;
	height: 48px;
	margin-left: 0px;
	text-align: center;
	border: 0px solid rgba(0,0,0,0.1);
	border-radius: 50%;
	border-radius: 3px;
	box-shadow: 0 0 5px -2px rgba(0,0,0,0.5);
	display: block;
	overflow: hidden;
	padding:3px;
}
#configTwitter ul li .user span {
	display: none;
}
#configTwitter ul li .tweet, #configTwitter ul li .timePosted, #configTwitter ul li .interact {
	margin-left: 0;
	font-size: 12px;
	line-height: 1.4em;
}
#configTwitter ul li .timePosted {
	display: block;
	position: absolute;
	left: auto;
	right: 15px;
	bottom: 15px;
	color: #6a6a6a;
}


#configTwitter ul li .timePosted, #configTwitter ul li .interact {
	margin-bottom:0px;
}

#configTwitter ul li a {
	color: #6a6a6a;
}
#configTwitter ul li a:hover {
    color: #fb3449;
}
#configTwitter ul li a.twitter_reply_icon, #configTwitter ul li .twitter_retweet_icon, #configTwitter ul li .twitter_fav_icon {
	width: 24px;
	height: 24px;
	overflow: hidden;
	position: relative;
	text-indent: -1000em;
	max-height: 24px;
	background: #fff;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 50%;
	display: inline-block;
	margin-right: 5px;
}
#configTwitter ul li a.twitter_reply_icon:before, #configTwitter ul li .twitter_retweet_icon:before, #configTwitter ul li a.twitter_fav_icon:before {
	display: block;
	content: '\f079';
	font-family: "FontAwesome";
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	text-align: center;
	vertical-align: central;
	line-height: 22px;
	text-indent: 0px;
	font-size: 12px;
	color: rgba(0,0,0,0.3);
}
#configTwitter ul li a.twitter_reply_icon:hover, #configTwitter ul li .twitter_retweet_icon:hover, #configTwitter ul li .twitter_fav_icon:hover {
	background: #fb3448;
	border: 1px solid #fb3448;
	color: #fff;
}
#configTwitter ul li a.twitter_reply_icon:hover:before, #configTwitter ul li .twitter_retweet_icon:hover:before, #configTwitter ul li .twitter_fav_icon:hover:before {
	color: #fff;
}
#configTwitter ul li a.twitter_reply_icon:before {
	content: '\f112';
}
#configTwitter ul li a.twitter_retweet_icon:before {
	content: '\f079';
}
#configTwitter ul li a.twitter_fav_icon:before {
	content: '\f005';
}



@media only screen and (max-width:640px) {
    #banners-destacados {
        height: auto !important;
    }

    #linea-5 .custom a {
        margin: 15px;
        text-align: center;
        display: block;
    }

    #banners-destacados .custom .row a, #enlaces .custom .row a, #encuesta .custom a {
        display: block;
        margin: 15px auto;
        text-align: center;
    }

    #tramites-servicios {
        margin: 0 0 30px;
    }

        #tramites-servicios .gkTabsContainer {
            height: 370px !important;
        }

            #tramites-servicios .gkTabsContainer .kTabsItem iframe {
                height: 270px;
            }

    .gkTabsWrap.vertical ol li, .gkTabsWrap.horizontal ol li {
        width: 100%;
        text-align: center;
    }

    .twitter-sonora {
        height: auto;
        margin-bottom: 00px;
        position: relative;
    }

    #logo-sonora-juntos {
        border-right: 0px solid rgba(0, 0, 0, 0.1);
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        margin-right: 00px;
        height: 180px;
        padding-top: 5%;
        padding-bottom: 5%;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

        #logo-sonora-juntos .svg {
            height: 100%;
        }

    #zo2-bottom {
        height: 90px;
        line-height: inherit;
    }

    ul#menu-inferior {
        text-align: center;
    }

        ul#menu-inferior li {
            padding: 0px;
        }

            ul#menu-inferior li a {
                border-right: 1px solid #dddddd;
                color: #666666;
                display: block;
                font-size: 12px;
                font-weight: 300;
                height: inherit;
                line-height: inherit;
                padding: 0 5px;
            }

    #zo2-bottom .social-media {
        float: none;
        margin: 0 auto;
        display: block;
        text-align: center;
    }
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

    .box-1 {
        width: 175px;
    }

    #zo2-header #logo-sonora {
        text-align: left;
    }

        #zo2-header #logo-sonora .svg {
            max-width: 100%;
        }


    #contacto.i-block .i-row h2, #contacto.i-block .i-row h2 a {
        margin: 0;
        font-size: 15px;
        color: #fff !important;
    }


    #contacto.i-block .i-row a {
        color: #fff !important;
    }

    #zo2-header-top #top-menu ul.list-support li {
        margin-right: 5px;
    }

    .zo2-menu .zo2-megamenu .level-top li[data-level="1"] > a {
        color: #666666;
        font-size: 14px;
        font-weight: 300;
        padding: 0 5px;
    }

        .zo2-menu .zo2-megamenu .level-top li[data-level="1"] > a .caret {
            display: none;
        }

    .zo2-menu .zo2-megamenu {
        margin-left: 30px;
    }
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .zo2-menu .zo2-megamenu .level-top li[data-level="1"] > a {
        color: #666666;
        font-size: 11px;
        font-weight: 300;
        padding: 0 5px;
        font-weight: 900;
    }

    .box-1 {
        width: 140px;
    }

    .box-1, .box-2 {
        height: 65px;
    }


    #zo2-header-top #top-menu ul.list-support li {
        margin-right: 0px;
        font-size: 10px;
    }

    #zo2-bottom {
        height: 80px;
        line-height: inherit;
    }

    #zo2-header-top .social-media a {
        width: 30px;
    }

    #logo-sonora-juntos {
        border: 0px;
    }


    .social-media a i, .social-media a em {
        width: 30px;
    }
}