/*! normalize.css v1.1.3 | MIT License | git.io/normalize */article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block
}
audio, canvas, video {
    display: inline-block;
    *display:inline;
    *zoom:1
}
audio:not([controls]) {
    display: none;
    height: 0
}
[hidden] {
    display:none
}
html {
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
html, button, input, select, textarea {
    font-family: sans-serif
}
body {
    margin: 0
}
a:focus {
    outline: thin dotted
}
a:active, a:hover {
    outline: 0
}
h1 {
    font-size: 2em;
    margin: .67em 0
}
h2 {
    font-size: 1.5em;
    margin: .83em 0
}
h3 {
    font-size: 1.17em;
    margin: 1em 0
}
h4 {
    font-size: 1em;
    margin: 1.33em 0
}
h5 {
    font-size: .83em;
    margin: 1.67em 0
}
h6 {
    font-size: .67em;
    margin: 2.33em 0
}
abbr[title] {
    border-bottom: 1px dotted
}
b, strong {
    font-weight: 700
}
blockquote {
    margin: 1em 40px
}
dfn {
    font-style: italic
}
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}
mark {
    background: #ff0;
    color: #000
}
p, pre {
    margin: 1em 0
}
code, kbd, pre, samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em
}
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}
q {
    quotes: none
}
q:before, q:after {
    content: '';
    content: none
}
small {
    font-size: 80%
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sup {
    top: -.5em
}
sub {
    bottom: -.25em
}
dl, menu, ol, ul {
    margin: 1em 0
}
dd {
    margin: 0 0 0 40px
}
menu, ol, ul {
    padding: 0 0 0 40px
}
nav ul, nav ol {
    list-style: none;
    list-style-image: none
}
img {
    border: 0;
    -ms-interpolation-mode: bicubic
}
svg:not(:root) {
    overflow: hidden
}
figure {
    margin: 0
}
form {
    margin: 0
}
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}
legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left:-7px
}
button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align:middle
}
button, input {
    line-height: normal
}
button, select {
    text-transform: none
}
button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow:visible
}
button[disabled], html input[disabled] {
    cursor: default
}
input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    *height:13px;
    *width:13px
}
input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance:none
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border:0;
    padding:0
}
textarea {
    overflow: auto;
    vertical-align: top
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
body {
    margin: 0;
    padding: 0;
    text-align: center;
    position: relative
}
a {
    text-decoration: none;
    cursor: pointer;
    color: inherit;
    -webkit-transition: .1s;
    -moz-transition: .1s;
    -ms-transition: .1s;
    -o-transition: .1s;
    transition: .1s
}
menu, ol, ul, li {
    margin: 0 auto;
    padding: 0;
    list-style: none
}
h1, h2, h3, h4, h5, h6 {
    margin: 0 auto;
    font-family: gobCL, Tahoma, Verdana, Segoe, sans-serif;
    font-weight: 500
}
p {
    margin: 0 auto
}
a img {
    float: left
}
* {
    resize: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: justify;
}
:focus {
    outline: 0
}
::-webkit-input-placeholder {
    color:inherit
}
:-moz-placeholder {
    color:inherit
}
::-moz-placeholder {
    color:inherit
}
:-ms-input-placeholder {
    color:inherit
}
.cf:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}
.hidden {
    display: none;
    visibility: hidden
}
@font-face {
    font-family: gobCL;
    font-weight: 300;
    font-style: normal;
    src: url(../fonts/gobcl_light.eot?) format('eot'), url(../fonts/gobcl_light.woff) format('woff'), url(../fonts/gobcl_light.ttf) format('truetype')
}
@font-face {
    font-family: gobCL;
    font-weight: 500;
    font-style: normal;
    src: url(../fonts/gobcl_regular.eot?) format('eot'), url(../fonts/gobcl_regular.woff) format('woff'), url(../fonts/gobcl_regular.ttf) format('truetype')
}
@font-face {
    font-family: gobCL;
    font-weight: 700;
    font-style: normal;
    src: url(../fonts/gobcl_bold.eot?) format('eot'), url(../fonts/gobcl_bold.woff) format('woff'), url(../fonts/gobcl_bold.ttf) format('truetype')
}
@font-face {
    font-family: gobCL;
    font-weight: 900;
    font-style: normal;
    src: url(../fonts/gobcl_heavy.eot?) format('eot'), url(../fonts/gobcl_heavy.woff) format('woff'), url(../fonts/gobcl_heavy.ttf) format('truetype')
}
.gobcl {
    font-family: gobCL, Tahoma, Verdana, Segoe, sans-serif
}
.georgia {
    font-family: Georgia, Times, "Times New Roman", serif
}
.wrap {
    text-align: left;
    width: 980px;
    margin: 0 auto
}
body {
    background: #e6e6e6;
    font-family: 'Open Sans', sans-serif;
    color: #7a8791
}
footer {
    text-align: left
}
.star-bullet {
    position: absolute;
    top: -8px;
    width: 100%;
    height: 18px;
    background: url(../img/bicolor-star-bullet.png) no-repeat center
}
.bicolor {
    position: relative;
    min-height: 1px
}
.bicolor span {
    display: block;
    float: left;
    width: 50%;
    height: 100%
}
.bicolor span.blue {
    background: #0168b3
}
.bicolor span.red {
    background: #ee3a43
}
div.sep {
    width: 100%;
    height: 0;
    border-bottom: 1px solid #e6e6e6
}
#topbar {
    width: 100%;
    height: 32px;
    background: #fff;
    border-bottom: 2px solid #d5d5d5;
    font-size: 12px
}
header {
    margin: 0 0 20px;
    height: 170px;
    position: relative
}
header h1 {
    text-align: center;
    margin: -32px 0 0 0px;
    display: inline-block;
    position: relative;
    z-index: 1
}
header h1 a {
    display: block;
    background: url(../img/logo-main.png) no-repeat top center;
    width: 216px;
    height: 160px
}
header nav {
    background: #fff;
    height: 50px;
    position: absolute;
    bottom: 0;
    left: 0;
    font-family: gobCL, Tahoma, Verdana, Segoe, sans-serif
}
header nav ul li {
    float: left;
    position: relative
}
header nav ul li a {
    padding: 18px 23px 15px 22px;
    display: block;
    font-size: 14px;
    border-left: 1px solid #e6e6e6;
    border-bottom: 2px solid #bdc9d1
}
header nav ul li a:hover {
    color: #0168b3;
    border-bottom: 2px solid #0168b3
}
header nav ul li:first-child a {
    border-left: none
}
header nav ul li.current-menu-item a, header nav ul li.current-menu-ancestor a {
    color: #0168b3;
    border-bottom: 2px solid #0168b3
}
header nav ul li.menu-item-80 a, header nav ul li.menu-item-477 a {
    background: #efefef
}
header nav ul li ul.sub-menu {
    position: absolute;
    z-index: 9;
    background: #0168b3;
    width: 100%;
    display: none
}
header nav ul li ul.sub-menu li {
    float: none;
    text-align: center;
    border-bottom: 1px solid #3091C1
}
header nav ul li ul.sub-menu li a {
    font-size: 12px;
    padding: 10px 5px;
    color: #fff;
    border: none
}
header nav ul li ul.sub-menu li a:hover {
    background: #045282
}
header nav ul li ul.sub-menu li:hover ul.sub-menu {
    display: block
}
header nav ul li:hover ul.sub-menu {
    display: block
}
header .social {
    position: absolute;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,.1);
    width: 181px;
    padding: 9px 0;
    border-bottom: 2px solid #bdc9d1
}
header .social ul li {
    float: left;
    margin: 0 0 0 12px
}
header .social ul li a {
    display: block;
    width: 30px;
    height: 30px;
    background: url(../img/header-social-sprite.png) no-repeat;
    -webkit-transition: 0;
    -moz-transition: 0;
    -ms-transition: 0;
    -o-transition: 0;
    transition: 0
}
header .social ul li a.facebook {
    background-position: 0 0
}
header .social ul li a.facebook:hover {
    background-position: 0 -30px
}
header .social ul li a.twitter {
    background-position: -30px 0
}
header .social ul li a.twitter:hover {
    background-position: -30px -30px
}
header .social ul li a.flickr {
    background-position: -60px 0
}
header .social ul li a.flickr:hover {
    background-position: -60px -30px
}
header .social ul li a.youtube {
    background-position: -90px 0
}
header .social ul li a.youtube:hover {
    background-position: -90px -30px
}
body.lang-en header .social {
    width: 174px
}
body.lang-en header .social ul li {
    margin: 0 0 0 11px
}
body.lang-en header nav ul li a {
    padding: 18px 26px 15px 24px
}
body.lang-en header nav ul li.menu-item-477 a {
    padding: 18px 26px 15px
}
#prefooter {
    padding: 45px 0
}
#prefooter .social h4 {
    font-size: 23px;
    color: #475156;
    float: left;
    margin: 0 28px 0 0;
    padding: 8px 0
}
#prefooter .social ul li {
    float: left;
    margin: 0 22px 0 5px
}
#prefooter .social ul li a {
    display: block
}
#prefooter .social ul li a span.icon {
    display: block;
    float: left;
    background: url(../img/footer-social-sprite.png) no-repeat
}
#prefooter .social ul li a span.icon.icon {
    width: 30px;
    height: 30px;
    float: left;
    margin: 2px 12px 0 0
}
#prefooter .social ul li a .detalles {
    float: left
}
#prefooter .social ul li a .detalles h5 {
    font-size: 18px;
    color: #2e353a
}
#prefooter .social ul li a .detalles span {
    display: block;
    font-size: 12px;
    font-style: italic
}
#prefooter .social ul li a.facebook span.icon {
    background-position: 0 0
}
#prefooter .social ul li a.facebook:hover span.icon {
    background-position: 0 -30px
}
#prefooter .social ul li a.twitter span.icon {
    background-position: -30px 0
}
#prefooter .social ul li a.twitter:hover span.icon {
    background-position: -30px -30px
}

#prefooter .social ul li a.flickr span.icon {
    background-position: -60px 0
}
#prefooter .social ul li a.flickr:hover span.icon {
    background-position: -60px -30px
}

#prefooter .social ul li a.youtube span.icon {
    background-position: -90px 0
}
#prefooter .social ul li a.youtube:hover span.icon {
    background-position: -90px -30px
}

#prefooter .social ul li a.instagram span.icon {
    background-position: -120px 0
}
#prefooter .social ul li a.instagram:hover span.icon {
    background-position: -120px -30px
}
footer {
    background: #fff
}
footer .bicolor {
    height: 2px
}
footer .top {
    padding: 0 20px
}
footer .top .listas {
    padding: 25px 0 0;
    float: left
}
footer .top .listas .lista {
    width: 313px;
    float: left;
    padding: 5px 35px 30px;
    border-left: 1px solid #e6e6e6
}
footer .top .listas .lista:first-child {
    border-left: none;
    padding-right: 35px;
    padding-left: 15px
}
footer .top .listas .lista:last-child {
    padding-right: 15px;
    padding-left: 35px
}
footer .top .listas .lista h3 {
    margin: 0 0 20px;
    font-size: 18px;
    color: #0168b3
}
footer .top .listas .lista ul {
    padding: 0 0 0 16px
}
footer .top .listas .lista ul li {
    font-size: 12px;
    margin: 0 0 5px;
    list-style: disc
}
footer .top .listas .lista ul li a:hover {
    color: #2e353a
}
footer .top .listas .lista ul li.chileatiende {
    list-style: none
}
footer .top .listas .lista ul li.chileatiende>a {
    display: block;
    margin: 25px 0 5px -15px;
    padding: 0 0 0 22px;
    background: url(../img/footer-chileatiende.png) no-repeat center left
}
footer .top .listas .lista ul li.chileatiende ul.sub-menu {
    padding: 0 0 0 25px
}
footer .top .listas .lista.contactate p {
    font-size: 12px;
    line-height: 180%;
    margin: 0 0 20px
}
footer .top .listas .lista.contactate a {
    display: block;
    padding: 12px 15px 10px;
    background: #efefef;
    border-bottom: 2px solid #bdc9d1;
    font-size: 16px;
    font-family: gobCL, Tahoma, Verdana, Segoe, sans-serif;
    margin: 0 auto
}
footer .top .listas .lista.contactate a:hover {
    color: #fff;
    background: #0168b3;
    border-bottom: 2px solid #045282
}
footer .top .listas .lista ul#menu-banners-footer {
    list-style: none;
    padding: 0;
    border-top: 1px solid #bdc9d1
}
footer .top .listas .lista ul#menu-banners-footer li {
    list-style: none;
    margin: 0
}
footer .top .listas .lista ul#menu-banners-footer li a {
    display: block;
    width: 260px;
    height: 45px;
    font-family: gobCL, Tahoma, Verdana, Segoe, sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #0168b3;
    padding: 17px 0 0 12px;
    background: url(../img/banners-footer-bullet.png) no-repeat left center;
    border-bottom: 1px solid #bdc9d1
}
footer .top .listas .lista ul#menu-banners-footer li a:hover {
    background: #0168b3 url(../img/banners-footer-bullet-hover.png) no-repeat left center;
    color: #fff
}
footer .bottom {
    padding: 15px 20px 0;
    font-size: 12px;
    color: #475156
}
footer .bottom .left {
    float: left
}
footer .bottom nav {
    float: right
}
footer .bottom nav ul li {
    float: left;
    border-right: 1px solid #475156
}
footer .bottom nav ul li a {
    display: block;
    padding: 0 6px
}
footer .bottom nav ul li a:hover {
    text-decoration: underline
}
footer .bottom nav ul li:last-child {
    border-right: none
}
footer .bottom nav ul li:last-child a {
    padding: 0 0 0 6px
}
footer .bottom .bicolor {
    margin: 25px 0 0;
    width: 170px;
    height: 20px
}
#cita {
    background: #fff;
    padding: 15px 20px;
    border-bottom: 2px solid #bdc9d1
}
#cita .left {
    float: left;
    width: 230px;
    padding: 20px 20px 0
}
#cita .left h2 {
    font-size: 23px;
    line-height: 130%
}
#cita .left h2 strong {
    color: #0168b3
}
#cita .right {
    float: left;
    border-left: 1px solid #e6e6e6;
    width: 710px;
    padding: 15px 40px
}
#cita .right p {
    color: #475156;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    font-size: 20px;
    line-height: 140%;
    margin: 0 0 20px
}
#cita .right span {
    font-size: 14px;
    font-family: gobCL, Tahoma, Verdana, Segoe, sans-serif
}
#content {
    margin: 0 0 25px
}
#content #main {
    width: 690px;
    float: left;
    margin: 0 0 0 14px
}
#content #main h3 {
    font-size: 18px;
    margin: 0 0 20px
}
#content #main #breadcrumbs {
    margin: 0 0 20px;
    color: #475156
}
#content #main #breadcrumbs ul li {
    font-size: 14px;
    float: left
}
#content #main #breadcrumbs ul li.sep {
    margin: 0 5px
}
#content #main #breadcrumbs ul li a:hover {
    text-decoration: underline
}
a.mas {
    display: block;
    background: #efefef;
    border-bottom: 2px solid #bdc9d1;
    padding: 15px 20px 12px;
    font-family: gobCL, Tahoma, Verdana, Segoe, sans-serif;
    font-size: 14px;
    margin: 20px 0;
}
a.mas:hover {
    color: #fff;
    background: #0168b3;
    border-bottom: 2px solid #045282
}
#content #main .post img.alignleft {
    float: left;
    margin: 0 15px 10px 0
}
#content #main .post img.alignright {
    float: right;
    margin: 0 0 10px 15px
}
#content #main .post img.aligncenter {
    float: none;
    margin: 0 auto 10px;
    clear: both;
    display: block
}
#content #main.stream .post {
    background: #fff;
    border-bottom: 2px solid #bdc9d1;
    margin: 0 0 20px
}
#content #main.stream .post .pic {
    width: 256px;
    height: 170px;
    float: left
}
#content #main.stream .post .pic a img {
    width: 100%;
    height: auto
}
#content #main.stream .post .texto {
    float: left;
    padding: 20px;
    width: 434px
}
#content #main.stream .post .texto h2 {
    font-size: 18px;
    color: #0168b3;
    margin: 0 0 5px
}
#content #main.stream .post .texto h2 a:hover {
    color: #045282
}
#content #main.stream .post .texto .meta {
    font-family: gobCL, Tahoma, Verdana, Segoe, sans-serif;
    display: block;
    font-size: 12px;
    margin: 0;
}
#content #main.stream .post .texto p {
    font-size: 12px;
    line-height: 150%
}
#content #main.stream .post.destacado .pic {
    width: 100%;
    height: auto;
    float: none
}
#content #main.stream .post.destacado .pic img {
    width: 100%;
    height: auto
}
#content #main.stream .post.destacado .texto {
    padding: 0;
    float: none;
    width: 100%!important
}
#content #main.stream .post.destacado .texto .left {
    /*float: left;
    width: 256px;*/
    padding: 20px 20px 10px 20px;
}
#content #main.stream .post.destacado .texto .left h2 {
    font-size: 24px;
    margin: 0 0 10px
}
#content #main.stream .post.destacado .texto .right {
    /*float: left;
    width: 448px;*/
    padding: 0px 20px 0px 15px;
}
#content #main.stream .post.destacado .texto .right p {
    margin: 0 0 20px
}
#content #main.stream .post.destacado .texto .right .social ul li {
    float: left;
    margin: 0 10px 0 0
}
#content #main.stream .post.destacado .texto .right .social{
    /*display: block;*/
    margin: 0px 0px 20px;
    padding: 0px 0px 20px 0px;
}
#content #main #feeds {
    margin: 20px 0 5px
}
#content #main #feeds .mini-stream {
    width: 100%;
    float: left
}
#content #main #feeds .mini-stream#gobierno-informa {
    margin: 0 24px 0 0
}
#content #main #feeds .mini-stream h3 {
    margin: 0
}
#content #main #feeds .mini-stream h3 span {
    display: block;
    background: #fff url(../img/bicolor-bg.png) no-repeat top left;
    padding: 18px 15px 0;
    color: #0168b3;
    font-size: 18px;
    font-weight: 300
}
#content #main #feeds .mini-stream p.desc {
    margin: 0 0 5px;
    background: url(../img/mini-stream-h3-down-bg.png) no-repeat bottom;
    padding: 0 0 14px
}
#content #main #feeds .mini-stream p.desc span {
    background: #fff;
    font-size: 12px;
    display: block;
    padding: 5px 15px 15px
}
#content #main #feeds .mini-stream ul li {
    /*margin: 0 0 8px*/
    margin: 0px 6px 0px 6px;
    float: left;
}
#content #main #feeds .mini-stream ul li a {
    display: block;
    background: #fff;
    border-bottom: 2px solid #bdc9d1
}
#content #main #feeds .mini-stream ul li a .fecha {
    border-left: 5px solid transparent;
    width: 70px;
    height: 135px;
    float: left;
    padding: 22px 10px 0;
    text-align: center;
    color: #7a8791;
    font-family: gobCL, Tahoma, Verdana, Segoe, sans-serif;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}
#content #main #feeds .mini-stream ul li a .fecha span {
    display: block
}
#content #main #feeds .mini-stream ul li a .fecha span.dia {
    font-size: 33px
}
#content #main #feeds .mini-stream ul li a .fecha span.mes {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}
#content #main #feeds .mini-stream ul li a .texto {
    color: #475156;
    float: left;
    width: 270px;
    height: 95px;
    border-left: 1px solid #bdc9d1;
    padding: 0 20px 0 10px;
    margin: 20px 0;
    font-size: 14px;
    line-height: 140%;
    overflow: hidden
}
#content #main #feeds .mini-stream ul li a:hover .fecha {
    border-left: 5px solid #0168b3
}
#content #main #feeds .mini-stream ul li a:hover .texto {
    text-decoration: underline
}
#content #sidebar {
    width: 256px;
    float: left;
    margin: 0 0 0 20px;
    padding: 39px 0 0
}
#content #sidebar a.gob2010 {
    display: block;
    font-family: gobCL, Tahoma, Verdana, Segoe, sans-serif;
    color: #fff;
    font-size: 18px;
    background: #0168b3;
    padding: 15px 20px;
    font-weight: 300;
    margin: 0 0 15px
}
#content #sidebar .fotodeldia {
    background: #fff
}
#content #sidebar .fotodeldia .bicolor {
    height: 3px
}
#content #sidebar .fotodeldia a.foto {
    display: block
}
#content #sidebar .fotodeldia a.foto h4 {
    color: #0168b3;
    padding: 11px 0 6px;
    font-size: 18px;
    margin: 0 15px;
    border-bottom: 1px solid #e6e6e6
}
#content #sidebar .fotodeldia a.foto h3 {
    color: #7a8791;
    padding: 7px 15px 10px;
    line-height: 120%;
    font-size: 13px
}
#content #sidebar a.mas-fotos-destacadas {
    display: block;
    background: #efefef;
    border-bottom: 2px solid #bdc9d1;
    padding: 13px 15px 10px;
    margin-bottom: 20px;
    font-family: gobCL, Tahoma, Verdana, Segoe, sans-serif;
    font-size: 14px
}
#content #sidebar a.mas-fotos-destacadas:hover {
    color: #fff;
    background: #0168b3;
    border-bottom: 2px solid #045282;
}
#content #sidebar .banners {
    position: relative;
}
#content #sidebar .banners ul li {
    margin: 0 0 15px 0;
    display: block;
    float: left;
}
#content #sidebar .lista-sidebar {
    background: #fff;
    padding: 20px 20px 25px;
    border-bottom: 2px solid #bdc9d1
}
#content #sidebar .lista-sidebar h3 {
    margin: 0 0 12px;
    font-size: 18px;
    color: #0168b3
}
#content #sidebar .lista-sidebar ul {
    padding: 0 0 0 16px
}
#content #sidebar .lista-sidebar ul li {
    font-size: 12px;
    margin: 0 0 5px;
    list-style: disc
}
#content #sidebar .lista-sidebar ul li a:hover {
    color: #2e353a
}
#content #sidebar .gobiernos-pasados {
    text-align: center;
    background: #fff;
    border-bottom: 1px solid #bdc9d1;
    margin: 0 0 25px
}
#content #sidebar .gobiernos-pasados .bicolor {
    height: 2px
}
#content #sidebar .gobiernos-pasados ul li a {
    display: block;
    font-family: gobCL, Tahoma, Verdana, Segoe, sans-serif
}
#content #sidebar .gobiernos-pasados ul li a:hover {
    background: #0168b3
}
#content #sidebar .gobiernos-pasados ul li a:hover .cont .sup {
    color: #fff
}
#content #sidebar .gobiernos-pasados ul li a:hover .cont .periodo {
    color: #fff
}
#content #sidebar .gobiernos-pasados ul li a:hover .cont .presidente span {
    background: #0168b3
}
#content #sidebar .gobiernos-pasados ul li a .cont {
    border-bottom: 1px solid #e6e6e6;
    margin: 0 8px;
    padding: 15px 0
}
#content #sidebar .gobiernos-pasados ul li a .cont .sup {
    font-size: 18px;
    margin: 0 0 2px;
    font-weight: 700;
    color: #0168b3
}
#content #sidebar .gobiernos-pasados ul li a .cont .sup span {
    color: #8CC6EA
}
#content #sidebar .gobiernos-pasados ul li a .cont .periodo {
    color: #0168b3;
    font-size: 21px;
    margin: 0 0 5px
}
#content #sidebar .gobiernos-pasados ul li a .cont .presidente {
    color: #8CC6EA;
    background: url(../img/gobiernos-anteriores-span-orn.png) repeat-x center;
    margin: 0 25px;
    font-size: 14px
}
#content #sidebar .gobiernos-pasados ul li a .cont .presidente span {
    -webkit-transition: .1s;
    -moz-transition: .1s;
    -ms-transition: .1s;
    -o-transition: .1s;
    transition: .1s;
    padding: 0 5px;
    border-left: 1px solid #8CC6EA;
    border-right: 1px solid #8CC6EA;
    background: #fff
}
#content #sidebar .gobiernos-pasados ul li:first-child a .cont {
    padding: 18px 0 15px
}
#content #sidebar .gobiernos-pasados ul li:last-child a .cont {
    border-bottom: none
}
#content #sidebar .banners-transparencia {
    margin: 20px 0
}
#content #sidebar .banners-transparencia ul li {
    margin: 10px 0 0
}
#content #sidebar .banners-transparencia ul li a {
    font-family: gobCL, Tahoma, Verdana, Segoe, sans-serif;
    display: block;
    padding: 10px;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    color: #0168b3;
    background: #fff url(../img/bicolor-bg.png) no-repeat top center;
    border-bottom: 2px solid #bdc9d1
}
#content #sidebar .banners-transparencia ul li a img {
    display: block;
    margin: 0 auto;
    float: left;
    width: 100%;
    max-width: 100%
}/*header.full{background:url(../img/header-bg.jpg) no-repeat center;height:400px;position:relative}*/
header.full h1 a {
    background: url(../img/home-logo-main.png) no-repeat top center;
    /*height: 90px*/
}
header.full .social {
    background: rgba(0,0,0,.2)
}
.home #content #main {
    width: 704px;
    margin: 0
}
.home #content #main.stream .post {
    height: 172px
}
.home #content #main.stream .post .texto {
    width: 448px;
    max-height: 160px;
    overflow: hidden
}
.home #content #main.stream .post.destacado {
    height: auto
}
.home #content #main.stream .post.destacado .texto {
    max-height: none;
    float: left;
}
.home #streaming {
    background: #fff;
    margin: 0 0 25px
}
.home #streaming .social {
    padding: 20px 25px
}
.home #streaming .social ul li {
    float: left;
    margin: 0 8px 0 0
}
.home #streaming .texto {
    padding: 20px 25px 30px;
    border-bottom: 2px solid #bdc9d1
}
.home #streaming .texto h2 {
    color: #0168b3;
    font-size: 32px;
    line-height: 120%
}
.page-template-default .headbanner {
    width: 100%;
    height: 220px;
    color: #fff;
    padding: 135px 30px 30px
}
.page-template-default .headbanner h1 {
    font-size: 34px;
    font-weight: 300
}
.page-template-default .headbanner h2 {
    font-size: 24px;
    font-weight: 700
}
#content.single #main .post {
    background: #fff
}
#content.single #main .post img {
    max-width: 100%;
    height: auto
}
#content.single #main .post .pic img {
    float: left
}
#content.single #main .post .social {
    float: left;
    margin: 25px 0 0 30px
}
#content.single #main .post .social ul li {
    margin: 0 10px 0 0;
    float: left
}
#content.single #main .post .fontsize {
    float: right;
    margin: 25px 45px 0 0
}
#content.single #main .post .fontsize ul li {
    float: left;
    margin: 0 0 0 4px
}
#content.single #main .post .fontsize ul li a {
    display: block;
    background: #bdc9d1;
    color: #fff;
    font-weight: 700;
    font-family: gobCL, Tahoma, Verdana, Segoe, sans-serif;
    padding: 3px 2px 0;
    text-align: right
}
#content.single #main .post .fontsize ul li.small a {
    width: 14px;
    height: 14px;
    font-size: 12px;
    margin: 8px 0 0
}
#content.single #main .post .fontsize ul li.medium a {
    width: 18px;
    height: 18px;
    font-size: 16px;
    margin: 4px 0 0
}
#content.single #main .post .fontsize ul li.large a {
    width: 22px;
    height: 22px;
    font-size: 20px
}
#content.single #main .post .fontsize ul li.current a {
    background: #0168b3
}
#content.single #main .post .fontsize ul li:hover a {
    background: #0168b3
}
#content.single #main .post .texto {
    padding: 25px 45px 50px 30px
}
#content.single #main .post .texto .meta {
    font-family: gobCL, Tahoma, Verdana, Segoe, sans-serif;
    display: block;
    font-size: 14px;
    margin: 0 0 15px
}
#content.single #main .post .texto h2 {
    font-size: 45px;
    color: #0168b3;
    padding: 0 0 15px;
    margin: 0 0 25px;
    border-bottom: 1px solid #bdc9d1
}
#content.single #main .post .texto .contenido {
    color: #475156;
    font-size: 14px;
}
#content.single #main .post .texto .contenido a {
    color: #0168b3
}
#content.single #main .post .texto .contenido a:hover {
    color: #045282;
    text-decoration: underline
}
#content.single #main .post .texto .contenido h3 {
    font-size: 24px;
    font-weight: 300;
    margin: 0 0 30px;
    line-height: 140%
}
#content.single #main .post .texto .contenido h4 {
    font-size: 32px;
    color: #0168b3;
    margin: 0 0 13px
}
#content.single #main .post .texto .contenido h5 {
    font-size: 24px;
    color: #0168b3;
    margin: 0 0 10px
}
#content.single #main .post .texto .contenido blockquote {
    border-left: 2px solid #0168b3;
    margin: 0;
    padding: 0 0 0 20px
}
#content.single #main .post .texto .contenido blockquote p {
    font-family: Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    font-size: 18px;
    line-height: 150%;
    margin: 0 0 35px
}
#content.single #main .post .texto .contenido p {
    font-size: 14px;
    line-height: 180%;
    margin: 0 0 25px
}
#content.lista-autoridades #main.stream .post .pic {
    width: 170px;
    height: 170px
}
#content.lista-autoridades #main.stream .post .texto {
    width: 520px;
    padding: 20px 20px 10px
}
#content.lista-autoridades #main.stream .post .texto h2 {
    font-size: 24px;
    margin: 0 0 10px
}
#content.lista-autoridades #main.stream .post .texto h3 {
    font-size: 18px;
    margin: 0 0 3px;
    color: #475156
}
#content.lista-autoridades #main.stream .post .texto h4 {
    font-size: 18px;
    margin: 0 0 35px;
    color: #7a8791
}
#content.lista-autoridades #main.stream .post .texto .links a {
    display: block;
    float: left;
    color: #0168b3;
    font-size: 12px;
    margin: 5px 0 0;
    padding: 0 7px;
    border-left: 1px solid #0168b3
}
#content.lista-autoridades #main.stream .post .texto .links a:first-child {
    border-left: none;
    padding: 0 7px 0 0
}
#content.lista-autoridades #main.stream .post .texto .links a:hover {
    text-decoration: underline
}
#content.single-autoridades #main .post .info {
    width: 170px;
    float: left
}
#content.single-autoridades #main .post .info .pic {
    margin: 0 0 15px
}
#content.single-autoridades #main .post .info .pic img {
    float: left
}
#content.single-autoridades #main .post .info ul {
    padding: 0 10px 0 0;
    font-size: 14px
}
#content.single-autoridades #main .post .info ul li {
    margin: 0 0 10px
}
#content.single-autoridades #main .post .info ul li label {
    display: block;
    color: #475156;
    font-weight: 700
}
#content.single-autoridades #main .post .info ul li span {
    display: block;
    color: #0168b3
}
#content.single-autoridades #main .post .texto {
    background: #fff;
    width: 520px;
    float: left;
    padding: 25px 45px 20px 20px;
    border-bottom: 2px solid #bdc9d1
}
#content.single-autoridades #main .post .texto h2.title {
    font-size: 24px;
    color: #0168b3;
    margin: 0 0 5px
}
#content.single-autoridades #main .post .texto h3 {
    font-size: 18px;
    margin: 0 0 30px
}
#content.single-autoridades #main .post .texto .contenido {
    color: #475156;
    padding: 0 0 0 15px
}
#content.single-autoridades #main .post .texto .contenido h3 {
    font-size: 24px;
    font-weight: 300;
    margin: 0 0 30px;
    line-height: 140%
}
#content.single-autoridades #main .post .texto .contenido h4 {
    font-size: 32px;
    color: #0168b3;
    margin: 0 0 13px
}
#content.single-autoridades #main .post .texto .contenido h5 {
    font-size: 24px;
    color: #0168b3;
    margin: 0 0 10px
}
#content.single-autoridades #main .post .texto .contenido blockquote {
    border-left: 2px solid #0168b3;
    margin: 0;
    padding: 0 0 0 20px
}
#content.single-autoridades #main .post .texto .contenido blockquote p {
    font-family: Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    font-size: 18px;
    line-height: 150%;
    margin: 0 0 35px
}
#content.single-autoridades #main .post .texto .contenido p {
    font-size: 14px;
    line-height: 180%;
    margin: 0 0 25px
}
#content.single-autoridades #main .post .texto .contenido .datos {
    font-size: 14px;
    margin: 0 0 10px
}
#content.single-autoridades #main .post .texto .contenido .datos h6 {
    font-size: 18px;
    font-weight: 300;
    color: #7a8791;
    margin: 0 0 20px
}
#content.single-autoridades #main .post .texto .contenido .datos ul li span {
    display: block
}
#content.single-autoridades #main .post .texto .contenido .datos ul li span.title {
    font-weight: 700;
    margin: 0 0 2px
}
#content.single-autoridades #main .post .texto .contenido .datos.lista ul li {
    margin: 0 0 20px
}
#content.single-autoridades #main .post .texto .contenido .datos.tabla ul {
    margin: 0;
    list-style-type: none !important;     
}
#content.single-autoridades #main .post .texto .contenido .datos.tabla ul li {
    margin: 0 0 25px;
    list-style-type: none !important;     
}
#content.single-autoridades #main .post .texto .contenido .datos.tabla ul li span {
    float: left;
}
#content.single-autoridades #main .post .texto .contenido .datos.tabla ul li span.title {
    width: 85px;
    padding: 0 10px 0 0;
    text-align: right;
}
#content.single-autoridades #main .post .texto .contenido .datos.tabla ul li span.dato {
    width: 355px;
}
#content.programa .headbanner {
    width: 100%;
    height: 220px;
    color: #fff;
    text-align: center
}
#content.programa .headbanner a.descargar {
    display: inline-block;
    width: 220px;
    height: 30px;
    padding: 9px 5px 0;
    font-size: 13px;
    margin: 155px auto 0;
    color: #fff;
    background: #9CCFEF;
    border-bottom: 2px solid #2490C6;
    font-family: gobCL, Tahoma, Verdana, Segoe, sans-serif
}
#content.programa .headbanner a.descargar strong {
    font-weight: 700
}
#content.programa .headbanner a.descargar:hover {
    background: #2490C6
}
#content.programa .issuu {
    padding: 10px;
    background: #475156
}
#content.presidenta #main .post {
    background: 0 0
}
#content.presidenta #main .post .headbanner {
    width: 100%;
    height: 220px;
    color: #fff;
    padding: 110px 30px 30px
}
#content.presidenta #main .post .headbanner h1 {
    font-size: 34px;
    font-weight: 300
}
#content.presidenta #main .post .headbanner h2 {
    font-size: 24px;
    font-weight: 700
}
#content.presidenta #main .post .headbanner .descargar {
    margin: 10px 0 0;
    font-family: gobCL, Tahoma, Verdana, Segoe, sans-serif;
    font-size: 16px
}
#content.presidenta #main .post .headbanner .descargar a {
    text-decoration: underline
}
#content.presidenta #main .post .cont {
    padding: 0 0 25px;
    background: #fff;
    border-bottom: 2px solid #bdc9d1
}
#content.presidenta #main .post .texto {
    margin: 20px 0 0;
    padding: 0
}
#content.presidenta #main .post .texto .hitos .hito {
    background: #fff;
    padding: 25px 0;
    border-bottom: 2px solid #bdc9d1;
    margin: 0 0 20px
}
#content.presidenta #main .post .texto .hitos .hito img.foto-hito {
    clear: both;
    float: none;
    width: 100%;
    height: auto;
    margin: 0 0 30px
}
#content.presidenta #main .post .texto .hitos .hito .titulo {
    padding: 5px 35px;
    float: left;
    width: 200px
}
#content.presidenta #main .post .texto .hitos .hito .cuerpo {
    padding: 0 30px 0 0;
    float: left;
    width: 490px
}
#content.presidenta #main .post .texto .hitos .hito .cuerpo p {
    margin: 0 0 20px
}
#content.presidenta #main .post .texto .hitos .hito.pic {
    padding: 0 0 25px
}
#content.palacio #main .post {
    background: 0 0
}
#content.palacio #main .post .cont {
    padding: 0 0 25px;
    background: #fff;
    border-bottom: 2px solid #bdc9d1
}
#content.palacio #main .post .texto {
    background: #fff;
    margin: 20px 0 0;
    padding: 0
}
#content.palacio #main .post .texto .hitos {
    padding: 35px 0 20px;
    border-bottom: 1px solid #bdc9d1
}
#content.palacio #main .post .texto .hitos .hito {
    padding: 0 0 20px
}
#content.palacio #main .post .texto .hitos .hito img.foto-hito {
    clear: both;
    float: none;
    width: 100%;
    height: auto;
    margin: 0 0 35px
}
#content.palacio #main .post .texto .hitos .hito .titulo {
    padding: 5px 35px;
    float: left;
    width: 200px
}
#content.palacio #main .post .texto .hitos .hito .cuerpo {
    padding: 0 30px 0 0;
    float: left;
    width: 490px
}
#content.palacio #main .post .texto .hitos .hito .cuerpo p {
    margin: 0 0 20px
}
#content.palacio #main .post .texto .hitos .hito:first-child img.foto-hito {
    margin: -35px 0 35px
}
#content.error404 {
    text-align: center;
    padding: 100px 0
}
#content.error404 #main {
    width: 100%;
    margin: 0;
    float: none
}
#content.error404 h1 {
    font-size: 115px;
    font-weight: 300;
    margin: 0 auto 15px;
    line-height: 80%
}
#content.error404 h2 {
    font-size: 23px;
    line-height: 130%
}
#content.error404 h2 a {
    color: #0168b3
}
#content.error404 h2 a:hover {
    text-decoration: underline
}
#content.pronto {
    text-align: center;
    padding: 120px 0;
    background: #fff;
    margin: 0;
    border-bottom: 2px solid #bdc9d1
}
#content.pronto #main {
    width: 100%;
    margin: 0;
    float: none
}
#content.pronto h1 {
    font-size: 23px;
    color: #7a8791;
    line-height: 120%
}
#content.cincuenta #main {
    position: relative
}
#content.cincuenta #main .headbanner {
    width: 100%;
    height: 220px;
    color: #fff;
    text-align: center
}
#content.cincuenta #main .headbanner a.descargar {
    display: inline-block;
    width: 220px;
    height: 30px;
    padding: 9px 5px 0;
    font-size: 13px;
    margin: 155px auto 0;
    color: #fff;
    background: #9CCFEF;
    border-bottom: 2px solid #2490C6;
    font-family: gobCL, Tahoma, Verdana, Segoe, sans-serif
}
#content.cincuenta #main .headbanner a.descargar strong {
    font-weight: 700
}
#content.cincuenta #main .headbanner a.descargar:hover {
    background: #2490C6
}
#content.cincuenta #main .posts-50 {
    margin: 35px 0 0
}
#content.cincuenta #main .posts-50 h1 {
    font-size: 24px;
    margin: 0 0 15px
}
#content.cincuenta #main .posts-50 .post {
    background: #fff;
    margin: 0 0 20px
}
#content.cincuenta #main .posts-50 .post .texto {
    padding: 20px;
    width: 434px!important
}
#content.cincuenta #main .posts-50 .post .texto h2.title {
    font-size: 18px;
    border-bottom: none;
    margin: 0 0 5px;
    padding: 0
}
#content.cincuenta #main .posts-50 .post .texto .meta {
    margin: 0 0 10px
}
#content.cincuenta #main .indice {
    color: #fff;
    width: 690px;
    position: relative;
    z-index: 9;
    font-family: gobCL, Tahoma, Verdana, Segoe, sans-serif
}
#content.cincuenta #main .indice .top {
    background: #04457F;
    height: 49px;
    border-bottom: 1px solid #2490C6
}
#content.cincuenta #main .indice .top h2 {
    padding: 16px 20px 0;
    font-size: 18px;
    font-weight: 300
}
#content.cincuenta #main .indice .temas {
    background: #0168B3;
    background: rgba(1,104,179,.95)
}
#content.cincuenta #main .indice .temas .columna {
    font-size: 14px;
    width: 25%;
    float: left
}
#content.cincuenta #main .indice .temas .columna ul li {
    margin: 0 0 3px
}
#content.cincuenta #main .indice .temas .columna ul li a {
    display: block;
    padding: 7px 8px 7px 12px;
    line-height: 130%;
    border-left: 3px solid #2490C6;
    max-height: 66px
}
#content.cincuenta #main .indice .temas .columna ul li a span {
    display: inline-block;
    margin: 0 3px 0 0
}
#content.cincuenta #main .indice .temas .columna ul li a:hover {
    background: #04457F;
    border-left: 3px solid #fff
}
#content.cincuenta #main .indice .temas .columna ul li:first-child a {
    padding: 10px 8px 7px 12px
}
#content.cincuenta #main .indice .temas .columna ul li:last-child {
    margin: 0
}
#content.cincuenta #main .indice .temas .columna:first-child ul li a {
    padding: 7px 8px 7px 22px
}
#content.cincuenta #main .indice .temas .columna:first-child ul li:first-child a {
    padding: 10px 8px 7px 22px
}
#content.cincuenta #main .indice .temas .columna:first-child ul li:last-child a {
    padding: 7px 8px 9px 22px
}
#content.cincuenta #main .indice .temas .columna:last-child {
    border-right: none
}
#content.cincuenta #main .post {
    background: 0 0;
    padding: 0
}
#content.cincuenta #main .post .texto {
    padding: 0
}
#content.cincuenta #main .post .texto .contenido {
    position: relative
}
#content.cincuenta #main .post .texto .contenido .tema {
    background: #fff;
    margin: 0 0 20px;
    padding: 25px 80px 50px 60px;
    border-bottom: 2px solid #bdc9d1
}
#content.cincuenta #main .post .texto .contenido .tema .titulo {
    padding: 10px 0 20px;
    margin: 0 0 10px
}
#content.cincuenta #main .post .texto .contenido .tema .titulo h3 {
    color: #0168b3;
    font-size: 24px;
    padding: 0 0 10px;
    margin: 0 0 10px;
    border-bottom: 1px solid #bdc9d1
}
#content.cincuenta #main .post .texto .contenido .tema .titulo .social {
    float: left;
    margin: 10px 0 0
}
#content.cincuenta #main .post .texto .contenido .tema .puntos span {
    display: block;
    float: left;
    margin: 0 0 0 -25px;
    font-size: 14px
}
#content.cincuenta #main .post .texto .contenido .tema .puntos p {
    width: 500px;
    margin: 0 0 25px 54px;
    display: block;
    float: left;
    font-size: 14px
}
#content.cincuenta #main .post .texto .contenido .tema .puntos p:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}
#content.cincuenta #main .post .texto .contenido a.totop {
    position: fixed;
    bottom: -60px;
    width: 690px;
    text-align: center;
    z-index: 99;
    display: block;
    padding: 14px;
    color: #fff;
    font-family: gobCL, Tahoma, Verdana, Segoe, sans-serif;
    font-size: 18px;
    font-weight: 300;
    background: url(../img/50-a.totop.png) no-repeat 470px 15px;
    background-color: #0168b3
}
#content.cincuenta #main .post .texto .contenido a.totop:hover {
    background-color: #04457F;
    text-decoration: none
}
#content.cincuenta #main.stream .post .texto {
    width: 100%
}
body.category-foto-destacada #content.home #main.stream .post {
    width: 220px;
    height: 280px;
    margin: 0 15px 0 0;
    float: left
}
body.category-foto-destacada #content.home #main.stream .post .pic {
    width: 100%;
    height: auto
}
body.category-foto-destacada #content.home #main.stream .post .texto {
    width: 100%
}
body.category-foto-destacada #content.home #main.stream .post.third {
    margin: 0
}
body.category-foto-destacada #content.home #main.stream .post:nth-child(3n+4) {
    margin: 0
}
.wp-pagenavi {
    font-size: 16px;
    font-family: gobCL, Tahoma, Verdana, Segoe, sans-serif
}
.wp-pagenavi a {
    display: block;
    float: left;
    padding: 5px 5px 2px;
    color: #7a8791
}
.wp-pagenavi a:hover {
    text-decoration: underline
}
.wp-pagenavi a.page {
    margin: 0 5px
}
.wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink {
    font-weight: 700
}
.wp-pagenavi span {
    display: block;
    float: left
}
.wp-pagenavi span.current {
    padding: 5px 5px 2px;
    color: #e6e6e6;
    background: #7a8791
}
html.win h1, html.win h2, html.win h3, html.win h4, html.win h5, html.win h6 {
    line-height: 120%!important
}
html.win header nav {
    height: 50px;
    width: 100%;
}
html.win header nav ul li a {
    padding: 15px 19px 13px 19px
}
html.win header nav ul li ul li a {
    padding: 10px 5px!important
}
html.win body.lang-en header nav ul li a {
    padding: 15px 26px 13px 24px
}
html.win body.lang-en header nav ul li.menu-item-477 a {
    padding: 15px 26px 13px
}
html.win #content.single #main .post .texto .contenido h3 {
    font-weight: 500!important
}
html.win #content #main #feeds .mini-stream h3 span {
    font-weight: 500!important
}
html.win #content #main #feeds .mini-stream p.desc {
    padding: 0 0 13px!important
}
html.win #content.lista-autoridades #main.stream .post .texto h2 {
    margin: 0
}
html.win #content.lista-autoridades #main.stream .post .texto h4 {
    margin: 0 0 25px
}
html.win.ie #content .stream#main .post .texto {
    padding-bottom: 10px
}
html.win.ie #content .stream#main .post .texto {
    padding-bottom: 10px
}

div.texto div.contenido ul {margin: 5px; list-style-type: square !important;}
div.texto div.contenido ul li{margin: 0 0 15px 25px; padding-left: 0px; list-style-type: square !important;}

ul#banners{width: 100%; display: inline-block; margin: 0px; padding: 0px; }
ul#banners li{display: inline-block;float: left;margin: 0px 9px 15px 8px;}

#content #main.main-tramites-digitales{
    width: 100% !important;
}

.tramites{
    width: 100% !important;
    padding: 0px;
    margin: 0px !important;
}
.tramites .title{
    border: none !important;
}
.text-color-blue{
    color:#0f69b4 !important;
}
.tramites .card{
    /*height: 260px !important;*/
    border-radius: 0px !important;
}
.tramites .btn{
    border-radius: 0px !important;
}
.tramites .card h5.card-title{
    height: 0px !important;
    font-size: 18px !important;
    font-weight: 600;
    text-align: left;
}
.tramites .card p{
    height: 0px !important;
    font-size: 12px !important;
    text-align: left !important;
}
.tramites a.btn{
    font-weight: bold !important;
}
.tramites a.btn:hover{
    color:#ffffff !important;
    text-decoration: none !important;
}
.tramites .contenido .tramite .card:hover{
    background-color:#e4f5ff !important; 
}
.detalle-de-tramite p{
    font-size: 13px !important;
}
.float-rigth{
    float: right !important;
}
.form-control{
    border-radius: 0px !important;
}
.swal-wide{
    width:80% !important;
    max-width: 1200px !important;
}

/* Style the tab */
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #d7edff;
}

/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #b3d9f9;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #b3d9f9;
    color:#ffffff;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

.tabcontent.active{
    display: block;
}

#content #main.main-w100{
    width: 100%;
	max-width: 948px;
    float: left;
    margin: 0 0 0 14px;
}

#content #main.main-w100 .post .texto h2 {
    font-size: 25px;
    border: none;
    padding:0px;
    margin:0px;
}
.bg-blue{
    background-color: #2165a5;
    padding: 0px;
}
.bg-blue a{
    color:#fff !important;
}
#pageChildMenu ul li a{
    border-right: 1px solid #fff;
    font-size: 11px;
    padding-left: 15px;
    padding-right: 15px;
}
#pageChildMenu .nav-item.active{
    background-color: #4C6E99;
}



.redes-lista {
    margin: 0px;
    font-size: 14px
}
.redes-lista ul li {
    margin: 0 auto 8px
}
.redes-lista ul li a {
    display: block;
    width: 100%;
    padding: 5px;
    border-bottom: 2px solid #bdc9d1;
    color: #475156;
    background: #fff;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -ms-transition: 0s;
    -o-transition: 0s;
    transition: 0s
}
.redes-lista ul li a span {
    display: block;
    float: left;
    padding: 5px 0 0
}
.redes-lista ul li a span.icono {
    width: 30px;
    height: 30px;
    margin: 0 12px 0 0;
    background-repeat: no-repeat;
    background: url(/assets/img/lista-redes-sprite-2x.png);
    background-size: 330px auto
}
.redes-lista ul li a span.red {
    font-weight: 700;
    margin: 0 5px 0 0
}
.redes-lista ul li a span.usuario {
    font-style: italic;
    color: #7a8791
}
.redes-lista ul li a:hover {
    color: #fff
}
.redes-lista ul li a:hover .usuario {
    color: #fff
}
.redes-lista ul li.facebook a .icono {
    background-position: 0 0
}
.redes-lista ul li.facebook a:hover {
    background: #0070bb;
    border-bottom: 2px solid #00426e
}
.redes-lista ul li.facebook a:hover .icono {
    background-position: 0 -30px
}
.redes-lista ul li.twitter a .icono {
    background-position: -30px 0
}
.redes-lista ul li.twitter a:hover {
    background: #3fa9f5;
    border-bottom: 2px solid #0b85dc
}
.redes-lista ul li.twitter a:hover .icono {
    background-position: -30px -30px
}
.redes-lista ul li.flickr a .icono {
    background-position: -60px 0
}
.redes-lista ul li.flickr a:hover {
    background: #ec1e79;
    border-bottom: 2px solid #af0f55
}
.redes-lista ul li.flickr a:hover .icono {
    background-position: -60px -30px
}
.redes-lista ul li.youtube a .icono {
    background-position: -90px 0
}
.redes-lista ul li.youtube a:hover {
    background: #e52c26;
    border-bottom: 2px solid #aa1914
}
.redes-lista ul li.youtube a:hover .icono {
    background-position: -90px -30px
}
.redes-lista ul li.instagram a .icono {
    background-position: -120px 0
}
.redes-lista ul li.instagram a:hover {
    background: #3f6d94;
    border-bottom: 2px solid #28455e
}
.redes-lista ul li.instagram a:hover .icono {
    background-position: -120px -30px
}
.redes-lista ul li.pinterest a .icono {
    background-position: -150px 0
}
.redes-lista ul li.pinterest a:hover {
    background: #cc2127;
    border-bottom: 2px solid #8a161a
}
.redes-lista ul li.pinterest a:hover .icono {
    background-position: -150px -30px
}
.redes-lista ul li.vimeo a .icono {
    background-position: -180px 0
}
.redes-lista ul li.vimeo a:hover {
    background: #1ab7ea;
    border-bottom: 2px solid #0f83a8
}
.redes-lista ul li.vimeo a:hover .icono {
    background-position: -180px -30px
}
.redes-lista ul li.linkedin a .icono {
    background-position: -210px 0
}
.redes-lista ul li.linkedin a:hover {
    background: #0976b4;
    border-bottom: 2px solid #05466b
}
.redes-lista ul li.linkedin a:hover .icono {
    background-position: -210px -30px
}
.redes-lista ul li.slideshare a .icono {
    background-position: -240px 0
}
.redes-lista ul li.slideshare a:hover {
    background: #19a7a8;
    border-bottom: 2px solid #0f6565
}
.redes-lista ul li.slideshare a:hover .icono {
    background-position: -240px -30px
}
.redes-lista ul li.scribd a .icono {
    background-position: -270px 0
}
.redes-lista ul li.scribd a:hover {
    background: #135987;
    border-bottom: 2px solid #0a2d44
}
.redes-lista ul li.scribd a:hover .icono {
    background-position: -270px -30px
}
.redes-lista ul li.soundcloud a .icono {
    background-position: -300px 0
}
.redes-lista ul li.soundcloud a:hover {
    background: #fd650c;
    border-bottom: 2px solid #bb4602
}
.redes-lista ul li.soundcloud a:hover .icono {
    background-position: -300px -30px
}
.redes-mosaico {
    padding: 25px 0;
    margin: 0 auto 10px;
    color: #475156
}
.redes-mosaico h4 {
    color: #475156;
    float: left;
    margin: 0 25px 0 0;
    padding: 10px 0 0
}
.redes-mosaico ul li {
    float: left;
    margin: 0 10px 0 10px
}
.redes-mosaico ul li a {
    display: block
}
.redes-mosaico ul li a span {
    display: block
}
.redes-mosaico ul li a span.icono {
    background: url(/assets/img/lista-redes-sprite-2x.png);
    background-size: 330px auto;
    width: 30px;
    height: 30px;
    float: left;
    margin: 5px 10px 0 0
}
.redes-mosaico ul li a .texto {
    float: left
}
.redes-mosaico ul li a .texto span {
    line-height: 130%
}
.redes-mosaico ul li a .texto span.red {
    font-size: 18px;
    color: #2e353a
}
.redes-mosaico ul li a .texto span.usuario {
    font-size: 12px;
    font-style: italic
}
.redes-mosaico ul li.facebook a .icono {
    background-position: 0 0
}
.redes-mosaico ul li.facebook a:hover .icono {
    background-position: 0 -60px
}
.redes-mosaico ul li.twitter a .icono {
    background-position: -30px 0
}
.redes-mosaico ul li.twitter a:hover .icono {
    background-position: -30px -60px
}
.redes-mosaico ul li.flickr a .icono {
    background-position: -60px 0
}
.redes-mosaico ul li.flickr a:hover .icono {
    background-position: -60px -60px
}
.redes-mosaico ul li.youtube a .icono {
    background-position: -90px 0
}
.redes-mosaico ul li.youtube a:hover .icono {
    background-position: -90px -60px
}
.redes-mosaico ul li.instagram a .icono {
    background-position: -120px 0
}
.redes-mosaico ul li.instagram a:hover .icono {
    background-position: -120px -60px
}


@media (min-width: 992px){
	.modal-lg, .modal-xl {
    	max-width: 85% !important;
	}
}

/** MEDIA QUERY **/
@media only screen and (max-width:1020px) {
    .wrap {
        width: 700px
    }
    header nav ul li a {
        padding: 18px 16px 15px 15px
    }
    header nav ul li:last-child a {
        padding: 18px 15px 15px
    }
    header .social {
        top: 0;
        bottom: auto
    }
    body.lang-en header nav ul li a {
        padding: 18px 18px 15px 17px
    }
    body.lang-en header nav ul li:last-child a {
        padding: 18px 18px 15px
    }
    .home #content #main.stream {
        width: 700px
    }
    .home #content #main.stream .post .texto {
        width: 444px
    }
    .home #content #main.stream .post.destacado .texto .right {
        width: 444px
    }
    .home #content #main.stream #feeds .mini-stream#gobierno-informa {
        margin: 0 20px 0 0
    }
    #content #main .post .headbanner {
        background-size: 100% auto!important
    }
    #content #sidebar {
        width: 100%;
        margin: 30px 0 0;
        padding: 0
    }
    #content #sidebar .banners {
        display: block;
        float: none;
        clear: both;
        margin: 0
    }
    #content #sidebar .banners:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden
    }
    #content #sidebar .banners ul li {
        width: 224px;
        float: left;
        margin: 0 14px 14px 0px;
    }
    #content #sidebar .banners ul li:nth-child(3n+3) {
        margin: 0
    }
    #content #sidebar .banners ul li a img {
        width: 100%
    }
    #content #sidebar .fotodeldia {
        display: none;
        visibility: hidden
    }
    #content #sidebar a.mas-fotos-destacadas {
        display: none;
        visibility: hidden
    }
    #content #sidebar .lista-sidebar ul {
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        -ms-column-gap: 30px;
        -o-column-gap: 30px;
        column-gap: 30px;
        -webkit-column-count: 3;
        -moz-column-count: 3;
        -ms-column-count: 3;
        -o-column-count: 3;
        column-count: 3;
        -webkit-column-rule: 1px solid #e6e6e6;
        -moz-column-rule: 1px solid #e6e6e6;
        -ms-column-rule: 1px solid #e6e6e6;
        -o-column-rule: 1px solid #e6e6e6;
        column-rule: 1px solid #e6e6e6
    }
    #content #sidebar .lista-sidebar ul li {
        -webkit-column-break-inside: avoid;
        -moz-column-break-inside: avoid;
        -ms-column-break-inside: avoid;
        -o-column-break-inside: avoid;
        break-inside: avoid
    }
    #content #sidebar .banners-transparencia ul li {
        float: left;
        margin: 0 10px 0 0
    }
    #content #sidebar .banners-transparencia ul li:nth-child(3n+3) {
        margin: 0
    }
    #content #sidebar .banners-transparencia ul li a {
        width: 224px
    }
    #cita .left {
        width: 190px;
        padding: 20px 20px 0 10px
    }
    #cita .left h2 {
        font-size: 20px
    }
    #cita .right {
        width: 470px;
        padding: 15px 15px 15px 25px
    }
    #cita .right p {
        font-size: 18px;
        line-height: 150%
    }
    #prefooter .social h4 {
        float: none;
        margin: 0 0 15px
    }
    #prefooter .social ul li {
        margin: 0 45px 0 5px
    }
    #content #main {
        width: 700px;
        margin: 0
    }
    #content #main .post .pic img {
        width: 100%;
        height: auto
    }
    #content.lista-autoridades #main.stream .post .texto {
        width: 530px
    }
    #content.single-autoridades #main .post .texto {
        width: 530px
    }
    body.category-foto-destacada #content.home #main.stream .post {
        margin: 0 20px 0 0
    }
    ul#banners li{display: inline-block;float: left;margin: 0px 5px 5px 0px;}
    #content #main #feeds .mini-stream ul li { margin: 0px 10px 0px 0px; float: left; }
}

/** MEDIA QUERY **/
@media only screen and (max-width:740px) {
    .wrap {
        width: 480px
    }
    #content #main.stream .post .pic {
        display: none;
        visibility: hidden
    }
    .home #content #main.stream {
        width: 100%
    }
    .home #content #main.stream .post {
        height: auto
    }
    .home #content #main.stream .post .texto {
        width: 100%;
        max-height: none
    }
    .home #content #main.stream .post.destacado .texto .left {
        width: 100%;
        padding: 20px 20px 0
    }
    .home #content #main.stream .post.destacado .texto .right {
        width: 100%;
        padding: 0 20px 15px
    }
    .home #content #main.stream .post.destacado .texto .right .social ul li {
        float: left!important
    }
    #cita .left {
        width: auto
    }
    #cita .right {
        width: auto;
        padding: 5px 20px;
        margin: 10px 0
    }
    #prefooter {
        padding: 45px 0 30px
    }
    #prefooter .social ul li {
        margin: 0 89px 25px 15px
    }
    footer .top .listas .lista {
        width: 220px
    }
    footer .top .listas .lista ul#menu-banners-footer li a {
        width: auto;
        height: auto;
        padding: 17px 8px 15px 12px;
        line-height: 130%
    }
    footer .bottom nav {
        float: left;
        margin: 15px 0 0
    }
    footer .bottom nav ul li:first-child a {
        padding: 0 6px 0 0
    }
    #content #main #feeds .mini-stream ul li { margin: 0px 10px 10px 0px; float: left; width: 100%; }
    #content #sidebar .banners ul li:nth-child(3n+3) { margin: 0 14px 14px 0px; }
}