body
{
  /*  background: url(../img/background.png);/*
   * 
   */
  background: white;
  overflow-x: hidden;
}

header
{
    position: absolute;
    width: 100%;
    position: fixed;
    height: 70px;
    z-index: 11;
    background-color: #66267b;
    box-shadow: 0px 3px 20px #00000087;
    color:#ffffff;
}

header.sticky
{
/*    background-color: #a71680db;*/
        box-shadow: none;
}

a:focus, a:hover
{
    text-decoration: none;
    color: #be47e5;
}

.cont
{
  /*  box-shadow: 0px 0px 20px #000;*/
}

.thumbnail 
{
    position: relative;
    text-align: center;
}

.thumbnail a>img, .thumbnail>img
{
    display: block;
    width: 100%;
    height: 200px;
}

.slider-header
{
    background-color: #000;
}

.slider-header:hover #slider-container
{
    opacity: 0.9;
    
    -webkit-transition: opacity 1s ease-in;
    -moz-transition: opacity 1s ease-in;
    -ms-transition: opacity 1s ease-in;
    -o-transition: opacity 1s ease-in;
    transition: opacity 1s ease-in;
}

#slider-container {
    position: relative;
    width:100%;
    height: 600px;
    background-color:black;
    overflow: hidden;    
    background-size: cover;
    background-position-y: -150px;
    background-position-x: center !important;
    
    -webkit-transition: opacity 1s ease-in;
    -moz-transition: opacity 1s ease-in;
    -ms-transition: opacity 1s ease-in;
    -o-transition: opacity 1s ease-in;
    transition: opacity 1s ease-in;
}

#slider-container.fondo1
{
    background-size: 100%;
    background: url(../img/jujuy1.jpg);
}

#slider-container.fondo2
{
    background-size: 100%;
    background: url(../img/jujuy2.jpg);
}

#slider-container.fondo3
{
    background-size: 100%;
    background: url(../img/jujuy3.jpg);
}

#slider-container.fondo4
{
    background-size: 100%;
    background: url(../img/jujuy4.jpg);
}

.sub-pagina #slider-container
{
    height: 350px;
    background: url(../img/jujuy.jpg);
    background-attachment: fixed;
    background-size: 100%;
    background-position-y: -350px;
}

.sub-pagina #slider-overlay
{
    height: 350px;
}

#slider-overlay
{
    width: 100%;
    height: 600px;
    position: absolute;
    z-index: 9;
    /* background: rgba(56, 39, 39, 0.5); */
    /* background: rgba(74, 18, 15, 0.3); */
 background-color: rgba(0, 0, 0, 0.35);
   /* background-image: url(../img/jujuy.png);*/
    background-size: 760px;
    background-position: 99% 53px;
    background-repeat: no-repeat;
}

.kb-slide{
    position: absolute;
    z-index: 1;
    opacity: 0;
    height: 550px;
}

.kb-slide>div
{
    z-index: 999;
    bottom: 70px;
    position: absolute;
    left: 20px;
    font-size: 1.2em;
    color: white;
    opacity: 0;
    text-shadow: 2px 2px 20px rgba(0,0,0,0.9);
}

.slider-header:hover .kb-slide>div
{
    opacity: 1;
    
    -webkit-transition: opacity 1s ease-in;
    -moz-transition: opacity 1s ease-in;
    -ms-transition: opacity 1s ease-in;
    -o-transition: opacity 1s ease-in;
    transition: opacity 1s ease-in;
}

.kb-slide img{
    position: relative;
    height: 500px;
    -webkit-transform: translate3d(0,0,0)
    -moz-transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}

#logo-container
{    
    position: absolute;
    z-index: 10;
    color: #fff;
    height: 200px;
    top: 180px;
    padding-top: 30px;
    max-width: 600px;
    text-align: center;
    min-width: 300px;
    opacity: 0.7;
    right: 20px;
}

#logo-container img
{
    width: 100%;
}

#logo-container h2
{
    font-size: 1.5em;
    font-weight: lighter;
    line-height: 1.5;
    width: 200px;
    text-align: center;
    margin: auto;
    margin-top: 1em;
}

#logo-container img.logo
{
    min-width: 300px;
}

.navbar
{
    padding-left: 3em;
    padding-right: 3em;
    padding-top: 5px;
    
    font-family: Muli;
}

.navbar-nav
{
    float: right;
    padding-top: 10px;
}

.titulo-marca
{
    max-width: 1024px;
    color: #7e2a28;
    margin: auto;
    display: block;
    margin-bottom: 25px;
    padding-left: 20px;
    padding-right: 20px;
}

.titulo-marca .texto
{
    width: 680px;
    text-align: justify;
    display: inline-block;
}

.titulo-marca .video
{
    width: 300px;
    display: inline-block;
    float: right;
    margin-top: 55px;
}

.logo-marca img
{
    width: 100%;
    max-width: 1024px;
    margin: auto;
    display: block;
    background-size: 150% !important;
}

.logo-marca .fondo1
{
    background: url(../img/jujuy1.jpg);
}

.logo-marca .fondo2
{
    background: url(../img/jujuy2.jpg);
}

.logo-marca .fondo3
{
    background: url(../img/jujuy3.jpg);
}

ul.nav li
{
    overflow: hidden;
}

ul.nav li:hover{
    overflow: visible;
    color:#be47e5;
}

ul.nav li.desplegable a
{
    padding-right: 20px;
}

ul.nav li a{
    color: #ffffff;    
    font-size: 1.2em;
    text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.59);
    padding-top: 11px;
    padding-bottom: 12px;
}

ul.nav li:hover ul.submenu
{
    opacity: 1;
    transition:opacity 0.5s linear;
}

ul.nav li ul.submenu
{
    background-color: white;
    font-size: 1.2em;
    padding: 10px;
    color: #666;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    min-width: 300px;
    text-align: center;
    position: absolute;
    list-style: none;
    opacity: 0;
    transition:opacity 0.1s linear;
}

ul.nav li ul.submenu li
{
    text-align: left;
    padding-left: 10px;
    border-bottom: 1px dotted #e2e2e2;
    padding-top: 5px;
    padding-bottom: 5px;
}

ul.nav li ul.submenu li a{
    background: none;
    color: inherit !important;
    text-shadow: none;
    font-size: inherit;
    text-decoration: none;
}

ul.nav li ul.submenu li:focus,
ul.nav li ul.submenu li:hover,
ul.nav li ul.submenu li:active
{
    color: #cbb171;
    cursor: pointer;
}

ul.nav li span.triangle
{
    color: rgba(255, 255, 255, 0.2);
    position: absolute;
    right: 4px;
    font-size: 10px;
    top: 18px;
}

ul.nav li:hover span.triangle
{
    color: #fff;
}

.navbar-collapse.mobile-only
{
    width: 100%;
    text-align: center;
    margin: auto;
    padding: 0;
    position: absolute;
    top: 69px;
    left: 0px;
}

.navbar-collapse.mobile-only .navbar-nav
{
    float: none;
    background: #00000082;
    margin: auto;
}

.nav>li:focus>a, .nav>li:hover>a, .nav>li:active>a
{
    background: none;
/*  color: #20dce8;*/
    background-color: #8e2725;
}

.navbar-right {
    margin-top: 5px;
}

.navbar-toggle .icon-bar
{
    background: white;
}

.search-input
{
    border: 1px solid #115560;
    color: white;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0c3e45+0,125a66+100 */
    background: #0c3e45; /* Old browsers */
    background: -moz-linear-gradient(top, #0c3e45 0%, #125a66 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #0c3e45 0%,#125a66 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #0c3e45 0%,#125a66 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c3e45', endColorstr='#125a66',GradientType=0 ); /* IE6-9 */
}

header .btn-default
{
    border: 1px solid #027d8f;
    color: white;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#049ab3+0,053f4a+100 */
    background: #049ab3; /* Old browsers */
    background: -moz-linear-gradient(top, #049ab3 0%, #053f4a 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #049ab3 0%,#053f4a 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #049ab3 0%,#053f4a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#049ab3', endColorstr='#053f4a',GradientType=0 ); /* IE6-9 */
}

.header-logo
{
    float: left;
}

.header-logo img
{
   /* height: 60px;*/
   /* height: 65px;
    top: -5px;
    position:relative;
    padding: 5px; */
    width: 100%;
    height: auto;
    max-width: 400px;
}

.btn.ver-video
{
    background: #00833e;
    color: white;
    text-transform: uppercase;
    border-radius: 0px;
    font-size: 1.2em;
    padding: 10px 8px;
    text-align: center;
    margin-top: 85px;
    font-family: Muli;
    min-width: 160px;
    margin: auto;
    display: block;
    max-width: 170px;
    box-shadow: 0px 0px 10px #ccc;
}

.btn.ver-video span
{
    font-size: 1.2em;
    float: left;
    margin-right: 10px;
    margin-top: -3px;
    background: #61a60e;
    padding: 4px 8px;
    text-align: center;
    border-radius: 3px;
    padding-left: 12px;
}

.search-input::placeholder
{
    color: #dedede;
}

/* ITEMS INICIO */

.main-items
{
    padding-right: 15px;
    color: white;
    max-width: 1400px;
    margin: auto;
    display: table;
}

.main-items .col-md-6,
.main-items .col-md-3,
.main-items .col-md-9
{
    padding-right: 0px;
}

.main-items.gobierno-territorio
{
  /*  box-shadow: 0px 0px 15px #d6cbc4;
    background: rgba(255, 255, 255, 0.3);*/
    border-radius: 5px;
    margin-top: 50px;
    padding-top: 30px;
    padding-bottom: 40px;
    width: 100%;
    text-align: center;
}

.main-items.gobierno-territorio .item
{
    background: #d7d5d5;
    width: 450px;
    min-width: 300px;
}

.main-items.gobierno-territorio .item
{
    height: 350px !important;
}

.main-items.gobierno-territorio .item .image
{
    background: url(img/fotos/obras.jpg);
    height: 247px !important;
    background-size: cover !important;
    background-position: center !important;
}

.main-items.gobierno-territorio .item .link
{
    display: table;
    margin-top: 30px;
    width: 100%;
}

.main-items.gobierno-territorio .item .content
{
    height: 40px !important;
}

.main-items.gobierno-territorio .col-md-5
{
    float: none;
    display: inline-block;
}

.main-items.gobierno-territorio h3
{
    margin-top: 11px;
    text-align: center;
    font-size: 1.3em;
    text-transform: uppercase;
    font-weight: normal;
    text-shadow: 0px 0px 10px #2d6077;
}

.main-items.gobierno-territorio span.glyphicon-triangle-bottom
{
    top: -62px !important;
}

.main-items.gobierno-territorio a.btn-default
{
    display: table !important;
    background: #939292 !important;
    border-radius: 20px !important;
}

.main-items .item
{
    margin-top: 15px;    
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    opacity: 0.95;
}

.main-items .item.noticias .image
{
    background-size: 100% !important;
    
    background-position: center -20px !important;
    
    transition: background-size 200ms ease-in;
    -moz-transition: background-size 200ms ease-in;
    -ms-transition: background-size 200ms ease-in;
    -o-transition: background-size 200ms ease-in;
    -webkit-transition: background-size 200ms ease-in;
}

.main-items .item.noticias:hover .image{
    background-size: 110% !important;   
    
    transition: background-size 400ms ease-in;
    -moz-transition: background-size 400ms ease-in;
    -ms-transition: background-size 400ms ease-in;
    -o-transition: background-size 400ms ease-in;
    -webkit-transition: background-size 400ms ease-in;
}

.main-items .item h3,
.main.items a .item p{
    color: white !important;
}

.main-items .item.noticias h4{
    position: relative;
    top: 165px;
    background-color: rgba(0, 0, 0, 0.51);
    margin: 0px;
    margin-left: -15px;
    padding-bottom: 15px;
    margin-right: -15px;
    text-align: center;
    font-size: 1.5em;
    font-weight: lighter;
    padding-right: 10px;
    padding-left: 10px;
    height: 60px;
    padding-top: 5px;
    color: white;
}

.main-items .item.noticias a h4
{
    color: white;
}

.main-items .item.noticias a
{
    opacity: 0;
    
    animation-name: slowFadeOut;
    animation-duration: 1s;
    
    display: none;
}

.main-items .item.noticias a.active
{
    opacity: 1;
    
    animation-name: slowFadeIn;
    animation-duration: 1s;
    
    display : initial;
}

.main-items .item.noticias a.btn-default,
.main-items.gobierno-territorio a.btn-default
{
    display: block;
    color: white;
    text-align: center;
    background: rgba(0, 0, 0, 0.1);
    opacity: 1;
    width: 100px;
    padding: 7px;
    margin: auto;
    border-radius: 5px;
    margin-top: 15px;
}

.main-items .item.noticias a.btn-default:hover,
.main-items .item.noticias a.btn-default:active,
.main-items.gobierno-territorio a.btn-default:hover,
.main-items.gobierno-territorio a.btn-default:active
{
    text-decoration: none;
    background: rgba(0, 0, 0, 0.2);
}

.main-items .item.noticias a.btn-default:focus
{
    text-decoration: none;
}

.main-items .item:hover
{
/*  cursor: pointer; */
    opacity: 1;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
}

.main-items .item .image
{
    opacity: 0.94;
    height: 100%;
    background-size: cover !important;
    background-position: center !important;
    box-shadow: 0px 0px 45px rgba(0, 0, 0, 0.7) inset;
}

.main-items .item.color1, .main-items.gobierno-territorio .item .color1,
.sitios-turisticos .item.color1 .contenido .texto
{
    /*background-color: #e23958;*/
    background-color: #00907e;
}

.main-items .item.color1 span.triangle, .main-items.gobierno-territorio .item .color1 span.triangle
{
    color: #00907e;
}

.main-items .item.color2, .main-items.gobierno-territorio .item .color2,
.sitios-turisticos .item.color2 .contenido .texto
{
    background-color: #3b4395;
}

.main-items .item.color2 span.triangle, .main-items.gobierno-territorio .item .color2 span.triangle
{
    color: #3b4395;
}

.main-items .item.color3,
.sitios-turisticos .item.color3 .contenido .texto
{
    background-color: #DCB42C;
}

.main-items .item.color3 span.triangle
{
    color: #DCB42C;
}

.main-items .item.color4,
.sitios-turisticos .item.color4 .contenido .texto
{
    background-color: #7c0a62;
}

.main-items .item.color4 span.triangle
{
    color: #7c0a62;
}

.main-items .item.color5
{
    background-color: #e9426d;
}

.main-items .item.color5 span.triangle
{
    color: #e9426d;
}

.main-items .item.color6
{
    /*background-color: #e23958;*/
    background-color: #F28D65;
}

.main-items .item.color6 span.triangle
{
    color: #F28D65;
}

.main-items .item.color7
{
    /*background-color: #e23958;*/
    background-color: #a12a8e;
}

.main-items .item.color7 span.triangle
{
    color: #a12a8e;
}

.main-items .item.width50
{
    width: 50%;
}

.main-items .item.width100
{
    width: 100%;
}

.main-items .item.height1
{
    height: 225px;
}

.main-items .item.height2
{
    height: 465px;
}

.main-items .item.height2 .image,
.main-items .item.height2 .content
{
    height: 50%;
}

.main-items .content p{
    font-size: 1.2em;
    font-weight: lighter;
    color: white;
}

.main-items .col-md-9 .image
{
    width: 32%;
    float: right;
}

.main-items span.triangle{
    position: absolute;
    font-size: 3em;
    margin-left: -45px;
    margin-top: 90px;
    z-index: 1;
}

.main-items span.glyphicon-triangle-right
{    
    margin-left: 100%;
    left: -12px;
}

.main-items .col-sm-8 span.glyphicon-triangle-right
{    
    /*left: -2px;*/
}

.main-items span.glyphicon-triangle-top
{
    margin-left: 50%;
    left: -24px;
    top: -120px;
}

.main-items span.glyphicon-triangle-bottom
{
    left: -24px;
    margin-left: 50%;
    top: 130px;
}

/* FIN ITEMS INICIO */

/* AGENDA CULTURAL */

.eventos
{
    text-align: center;
}

.eventos .evento
{
    width: 100px;
    display: inline-block;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 20px;
    vertical-align: top;
}

.eventos .evento .fecha
{
    text-align: center;
    font-size: 1.5em;
    background: #96755c;
    color: white;
}

.evento .fecha span.dia
{
    font-size: 1.1em;
    font-weight: bold;
}

.evento .contenido
{
    text-align: center;
    text-transform: uppercase;
    padding-top: 5px;
    background: #b18d73;
    padding-bottom: 5px;
    height: 70px;
    font-size: 0.9em;
    color: white;
}

/* FIN AGENDA CULTURAL */

/* FOOTER */

footer
{
    /*box-shadow: inset 0 30px 30px -30px #888;
    padding-top: 20px;
    background: #fff;*/
   padding-top: 20px;
   font-family: Muli;
}

.footer-top
{
    background: url(../img/silueta_footer.png);
    height: 150px;
    background-repeat-x: repeat;
    background-repeat-y: no-repeat;
    background-size: 850px;
    background-position-x: 50%;
}

.footer-bottom
{
    background: #bc3248;
    display: table;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 5px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#801c1a+0,dd3a5d+100 */
background: #66267b; /* Old browsers */
background: -moz-linear-gradient(top, #66267b 0%, #be47e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #66267b 0%,#be47e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #66267b 0%,#be47e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66267b', endColorstr='#be47e5',GradientType=0 ); /* IE6-9 */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ab8434+0,725423+100 */
/*background: rgb(171,132,52); /* Old browsers */
/*background: -moz-linear-gradient(top, rgba(171,132,52,1) 0%, rgba(114,84,35,1) 100%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(top, rgba(171,132,52,1) 0%,rgba(114,84,35,1) 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom, rgba(171,132,52,1) 0%,rgba(114,84,35,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab8434', endColorstr='#725423',GradientType=0 ); /* IE6-9 */
}

.footer-bottom hr
{
    margin-top: 10px;
    margin-bottom: 10px;
}

footer h4{
    color: #ffffff;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 1.1em;
    font-weight: normal;
}

footer .redes-sociales
{
    text-align: center;
    margin-top: 10px;
}

footer .redes-sociales span
{
    position: relative;
    width: 44px;
    height: 44px;
    opacity: 0.9;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 95%;
    background-position: center;
    margin: 0px 5px;
    cursor: pointer;
    /*background-color: #00000036;*/
    background-color: #66267b;
    border-radius: 50%;
}

footer .redes-sociales span:hover{
    opacity: 1;
    background-size: 100%;
}

footer .icon-facebook
{
    background: url(../img/facebook.png);
    background-size: contain;
}

footer .icon-twitter
{
    background: url(../img/twitter.png);
    background-size: contain;
}

footer .icon-youtube
{
    background: url(../img/youtube.png);
    background-size: contain;
}

footer .icon-instagram
{
    background: url(../img/instagram.png);
    background-size: contain;
}

footer .copyright
{
    background-color: #dd3a5d;
    font-size: 1.2em;
    color: #fefefe;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    font-weight: lighter;
}

footer ul.secciones
{
    list-style: none;
    width: 150px;
    margin: auto;
    font-size: 1.1em;
    padding: 0px;
    line-height: 1.6;
    margin-bottom: 35px;
}

footer ul.secciones li a{
    color: #fcdc04;
    text-decoration: none;
    font-weight: normal;
}

footer ul.secciones li a:hover
{
    color: #fff;
}

footer ul.noticias
{
    list-style: none;
    text-align: center;
    padding: 0px;
    margin-top: 15px;
}

footer ul.noticias li
{
    height: 43px;
}

footer ul.noticias li a{
    color: #ddd;
    font-size: 1.1em;
}

footer ul.noticias li a:hover,
footer ul.noticias li a:focus,
footer ul.noticias li a:active
{
    text-decoration: none;
    color: #fff;
}

footer ul.noticias hr
{   
    margin-top: 10px;
    margin-bottom: 10px;
    border-color: rgba(255, 255, 255, 0.11);
}

footer ul.noticias .imagen
{
    width: 100px;
    height: 100px;
    background-size: cover !important;
    background-position: center !important;
    display: inline-block;
    float: left;
    margin-right: 10px;
}

footer img.logo-footer
{
    width: 100%;
    max-width: 250px;
    display: block;
    margin: auto;
    position: relative;
    left: -30px;
}

footer .redes
{
    margin-top: 40px;
}

.contacto-footer
{
    max-width: 300px;
    margin: auto;
}

.contacto-footer h4{
    text-align: left;
    line-height: 1.4;
}

footer h5{
    color: #ddd;
    font-size: 1.3em;
    text-align: center;
    font-weight: lighter;
    margin-top: 10px;
    margin-bottom: 20px;
}

/* FIN FOOTER */

/* AGENDA CULTURAL */


.agenda-cultural-items
{
    width: auto;
    text-align: center;
    display: block;
    max-width: 1200px;
    margin: auto;
}

.contenedor-region
{
    width: 100%;
    max-width: 600px;
    margin: auto;
    background-color: #3d7a96;
    color: white;
}

.contenedor-region h2
{
    color: white;
}

#title-container
{
    position: absolute;
    z-index: 10;
    color: white;
    text-shadow: 0px 0px 10px #000;
    top: 270px;
    left: 25px;
    text-transform: uppercase;
    font-family: Muli;
}

.sub-pagina #slider-overlay, .sub-pagina #slider-container
{
    height: 350px;
}

.sub-pagina #slider-overlay
{
    background-size: 515px;
}

.agenda-cultural-items .item
{
    width: 260px;
    height: 260px;
    display: inline-block;
    vertical-align: top;
    margin: 10px;
    cursor: pointer;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    
    -webkit-transition: width 300ms ease-in;
    -moz-transition: width 300ms ease-in;
    -ms-transition: width 300ms ease-in;
    -o-transition: width 300ms ease-in;
    transition: width 300ms ease-in;
}

.agenda-cultural-items .item.active input.ver-ubicacion
{
    display: block;
    margin: auto;
    
    animation-name: slowFadeIn;
    animation-duration: 1.5s;
}

.agenda-cultural-items .item input.ver-ubicacion
{
    display: none;
    background: rgba(254, 254, 254, 0.12);
    border: none;
    font-size: 1.2em;
    padding: 5px 15px;
    border-radius: 5px;
    color: #fff;
}

.agenda-cultural-items .item input.ver-ubicacion:hover
{
    background: rgba(254, 254, 254, 0.2);
}

.agenda-cultural-items .item.valles
{
    background-color: #22a0d2;
}

.agenda-cultural-items .item.quebrada
{
    background-color: #d01c65;
}

.agenda-cultural-items .item.yungas
{
    background-color: #64a70a;
}

.agenda-cultural-items .item.puna
{
    background-color: #701e72;
}

.agenda-cultural-items .item p{
    display: none;
    color: white;
    padding: 10px;
    font-size: 1.2em;
    text-align: center;
    font-weight: 300;
    
    animation-name: fastFadeOut;
    animation-duration: 500ms;
}

.agenda-cultural-items .item .fecha
{
    background-color: rgba(255, 255, 255, 0.1);
    font-size: 2em;
    color: #fff;
    font-family: 'Helvetica';
    font-weight: bold;
    padding: 5px 0px;
}

.agenda-cultural-items .item .lugar
{
    color: #fff;
    font-size: 1.2em;
    font-family: 'Helvetica';
    font-weight: 300;
    padding: 7px 0px;
}

.agenda-cultural-items .item h3
{
    color: #efefef;
    padding: 2px;
    margin-top: 10px;
    line-height: 1.5;
}

.agenda-cultural-items .item.active{
    width: 540px;
    height: auto;
    padding-bottom: 20px;
    
    -webkit-transition: width 300ms ease-in;
    -moz-transition: width 300ms ease-in;
    -ms-transition: width 300ms ease-in;
    -o-transition: width 300ms ease-in;
    transition: width 300ms ease-in;
}

.agenda-cultural-items .item.active p{
    display: block;
    
    animation-name: slowFadeIn;
    animation-duration: 1.5s;
}

.agenda-cultural-items.valles.yungas.quebrada.puna .item
{
    display: inline-block !important;
    
    animation-name: slowFadeIn;
    animation-duration: 1.5s;
}

.agenda-cultural-items.valles .item.valles,
.agenda-cultural-items.quebrada .item.quebrada,
.agenda-cultural-items.yungas .item.yungas,
.agenda-cultural-items.puna .item.puna
{
    animation-name: slowFadeIn;
    animation-duration: 1.2s;
}

.agenda-cultural-items.valles .item.yungas,
.agenda-cultural-items.valles .item.quebrada,
.agenda-cultural-items.valles .item.puna,
.agenda-cultural-items.yungas .item.valles,
.agenda-cultural-items.yungas .item.quebrada,
.agenda-cultural-items.yungas .item.puna,
.agenda-cultural-items.quebrada .item.valles,
.agenda-cultural-items.quebrada .item.yungas,
.agenda-cultural-items.quebrada .item.puna,
.agenda-cultural-items.puna .item.valles,
.agenda-cultural-items.puna .item.yungas,
.agenda-cultural-items.puna .item.quebrada
{
    display: none;
}

ul#agenda-seleccion-lugar
{
    list-style: none;
    max-width: 500px;
    padding: 0px;
    margin: auto;
    font-size: 1.5em;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 5px;
    padding-bottom: 5px;
}

ul#agenda-seleccion-lugar li
{
    display: inline-block;
}

ul#agenda-seleccion-lugar li button
{
    border: none;
    color: white;
    border-radius: 5px;
    background: none;
}

ul#agenda-seleccion-lugar li button:hover
{
    opacity: 0.9;
        background: #386d86;
}

.agenda-cultural h2{
    text-align: center;
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: normal;
    color: #fff;
    background-color: #386d86;
    padding: 6px;
    margin-bottom: 0px;
}

/* FIN AGENDA CULTURAL */

/* TU PROVINCIA */

.sitios-turisticos
{
    display: table;
    padding: 0px 3px;
    width: 100%;
    max-width: 1024px;
    margin: auto;
    margin-top: 20px;
}

.sitios-turisticos .item,
.sitios-turisticos .item .contenido
{
    height: 320px;
}

.sitios-turisticos .item
{
    padding: 11px 8px;
    overflow: hidden;
}

.sitios-turisticos .item:hover
{
    cursor: pointer;
}


.sitios-turisticos .item .contenido
{
    width: 100%;
    display: table;
    background-size: cover;
    background-position-x: center !important; 
    
    -webkit-transition: opacity 400ms linear;
    -moz-transition: opacity 400ms linear;
    -ms-transition: opacity 400ms linear;
    -o-transition: opacity 400ms linear;
    transition: opacity 400ms linear;
}

.sitios-turisticos .item:hover .contenido
{
    
    -webkit-transition: background-size 300ms linear;
    -moz-transition: background-size 300ms linear;
    -ms-transition: background-size 300ms linear;
    -o-transition: background-size 300ms linear;
    transition: background-size 300ms linear;
}

.sitios-turisticos .item .overlay
{
    height: 320px;
    width: 100%;
    width: calc(100% - 16px);
    position: absolute;
    background-color: rgba(0,0,0,0.1);
}

.sitios-turisticos .item:hover .overlay
{
    background: none;
}

.sitios-turisticos .item .contenido p{
    max-height: 0px;
    margin: 0px;
    overflow: hidden;
    padding-bottom 0px;
}

.sitios-turisticos .item:hover .contenido p{
    max-height: 200px;
    padding-bottom: 10px;
    
    -webkit-transition: max-height 300ms linear, padding 300ms linear;
    -moz-transition: max-height 300ms linear, padding 300ms linear;
    -ms-transition: max-height 300ms linear, padding 300ms linear;
    -o-transition: max-height 300ms linear, padding 300ms linear;
    transition: max-height 300ms linear, padding 300ms linear;
}

.sitios-turisticos .item .contenido .texto
{
    position: absolute;
    bottom: 0px;
    width: calc(100% - 16px);
    background-color: #333;
    color: white;
    padding-left: 10px;
}

.sitios-turisticos .item .contenido .texto h3
{
    font-size: 1.5em;
    margin-top: 10px;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
}

/* FIN TU PROVINCIA */

/* TRANSPARENCIA */


body.transparencia #slider-overlay
{
    background-position-y: 145px;
}

body.transparencia h1
{
    margin-top: 20px;
}

.seccion-transparencia
{
    display: table;
    width: 100%;
    margin-top: 4em;
    margin-bottom: 4em;
}

.seccion-transparencia .item:hover{
    opacity: 0.9;
}

.seccion-transparencia .item .contenido
{
    background-color: #ffffff;
    min-height: 275px;
    padding-left: 5px;
    padding-right: 5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    padding-bottom: 20px;
}

.seccion-transparencia .item .icono
{
    display: block;
    margin: auto;
    font-size: 5em;
    text-align: center;
    padding-top: 25px;
}

.seccion-transparencia .item h3
{
    font-size: 1.2em;
    text-align: center;
    margin-top: 2em;
    font-weight: bold;
    color: #224d73; 
}

.seccion-transparencia .item a:hover,
.seccion-transparencia .item a:focus,
.seccion-transparencia .item a:active
{
    text-decoration: none;
}

.seccion-transparencia .item:hover .contenido
{
        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}

.seccion-transparencia .item button
{
    background-color: #ddd;
    border: none;
    width: 35px;
    height: 35px;
    margin: auto;
    text-align: center;
    display: block;
    border-radius: 50%;
}

.seccion-transparencia .item .button-container
{
    background-color: #fff;
    padding-bottom: 10px;
    position: relative;
    top: -10px;
    padding-top: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.transparencia-contenedores .item
{
    max-height: 0px;
    overflow: hidden;    
    background-color: #7f0d0d;
    color: white;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    opacity: 0;
    
    -webkit-transition: opacity 500ms linear;
    -moz-transition: opacity 500ms linear;
    -ms-transition: opacity 500ms linear;
    -o-transition: opacity 500ms linear;
    transition: opacity 500ms linear;
}

.transparencia-contenedores .item.active
{
    max-height: 400px;
    padding: 10px;
    margin: 15px;
    display: block;
    opacity: 1;
    
    -webkit-transition: opacity 500ms linear;
    -moz-transition: opacity 500ms linear;
    -ms-transition: opacity 500ms linear;
    -o-transition: opacity 500ms linear;
    transition: opacity 500ms linear;
}

.transparencia-contenedores .item h2
{
    text-align: center;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    margin-top: 10px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.transparencia-contenedores .item p{
    text-align: justify;
    font-size: 1.2em;
    line-height: 1.5;
}

.transparencia-contenedores .item .btn
{
    margin: auto;
    display: block;
    margin-bottom: 15px;
    margin-top: 20px;
    color: #bf3c3c;
    font-weight: bold;
    font-size: 1.3em;
}

.main-items.transparencia
{
    width: 100%;
    padding-top: 30px;
}

.main-items.transparencia .contenedor
{
    background-color: #ede9e9;
    min-height: 215px;
    text-align: center;
}

.main-items.transparencia .titulo
{
    padding: 10px;
    padding: 8px;
    font-size: 0.9em;
    background: #ac2d34;
}

.main-items.transparencia .novedades a:hover,
.main-items.transparencia .novedades a:focus
{
    text-decoration: none;
}

.main-items.transparencia i
{
    width: 90px;
    height: 90px;
    display: block;
    margin: auto;
    margin-top: 20px;
    background-size: contain !important;
    margin-bottom: 25px;
}

.main-items.transparencia .contenedor a
{
    color: white;
    background: rgba(0, 0, 0, 0.22);
    padding: 7px 10px;
    border-radius: 15px;
}

.main-items.transparencia .contenedor a:hover
{
    opacity: 0.9;
}

.main-items.transparencia .contenedor a:hover,
.main-items.transparencia .contenedor a:focus
{
    text-decoration: none;    
}

.main-items.transparencia i.icono1
{
    background: url(../img/gob-abierto/icono1.png);
}

.main-items.transparencia i.icono2
{
    background: url(../img/gob-abierto/icono2.png);
}

.main-items.transparencia i.icono3
{
    background: url(../img/gob-abierto/icono3.png);
}

.main-items.transparencia i.icono4
{
    background: url(../img/gob-abierto/icono4.png);
}

.main-items.transparencia i.icono5
{
    background: url(../img/gob-abierto/icono5.png);
}

.main-items.transparencia .novedades .cont-novedades
{
    background-color: #ede9e9;
    margin-top: 30px;
}

.main-items.transparencia .novedades h3
{
    color: #716d6d;
    font-size: 1.2em;
    text-align: center;
}

.main-items.transparencia .novedades .titulo
{
    height: 220px;
    width: 20%;
    display: inline-block;
    vertical-align: top;
    color: white;
    text-align: center;
    font-size: 1.5em;
}

.main-items.transparencia .novedades .noticias
{
    width: 78%;
    display: inline-block;
    vertical-align: top;
    padding-top: 10px;
}

.main-items.transparencia .novedades img
{
    width: 100%;
}

.main-items.transparencia .contenedor-link
{
    text-align: center;
    padding: 7px 5px;
    color: white;
    width: 80%;
    margin:auto;
    margin-top: 40px;
    font-size: 1.2em;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
}

.main-items.transparencia .contenedor-link a{
    color: white;
}

.colort1
{
    background-color: #168fba;
}

.colort2
{
    background-color: #d7b92a;
}

.colort3
{
    background-color: #438a8b;
}

.colort4
{
    background-color: #90117c;
}

.colort5
{
    background-color: #ac2d34;
}

/* FIN TRANSPARENCIA */

/* PACTO SOCIAL EDUCACION */

.pacto-social
{
    background-color: white;
    box-shadow: 0px 0px 20px #bbb;
}

.pacto-social .jumbo img
{
    width: 350px;
    max-width: 100%;
    margin: auto;
}

.pacto-social .jumbo .contenedor-logo
{
    padding: 20px;
}

.pacto-social .jumbo .contenedor-texto
{
    text-align: justify;
    font-size: 1.2em;
}

.pacto-social .jumbo ul.lista
{
    padding: 0px;
    list-style: none;
}

.pacto-social .jumbo ul.lista li
{
    margin: 10px;
    padding: 10px;
    background-color: whitesmoke;
    box-shadow: 0px 0px 3px #ccc;
    border-radius: 2px;
}

.pacto-social .panel
{
    margin: 20px 25px;
    border: none;
    box-shadow: 0px 0px 15px #ddd;
}

.pacto-social h2.center
{
    text-align: center;
}

.sub-pagina.pacto-social #slider-overlay, .sub-pagina.pacto-social #slider-container
{
    height: 500px;
}

.sub-pagina.pacto-social #slider-container
{
    background-position-y: -350px !important;
}

.sub-pagina.pacto-social #title-container
{
    top: 420px;
}

section.pacto-social
{
    padding: 10px;    
    border-top: 10px solid #119d4a;
}

.pacto-social .jumbo.row2
{
    display: table;
    border-top: 10px solid #169ad4;
    width: 100%;
    margin: auto;
}

.pacto-social .boton
{
    color: white;
    padding: 10px;
    font-size: 12pt;
    width: 200px;
    text-align: left;
    font-weight: normal;
    line-height: 1.4;
    box-shadow: 0px 0px 10px #888;
}

.pacto-social .banner
{
    text-align: center;
    background: #d81374;
    color: white;
    font-size: 2em;
    padding: 15px;
    box-shadow: 0px 0px 15px #bbb;
}

.pacto-social .panel-heading
{
    background: #119c4a;
    color: white;
    box-shadow: 0px 0px 10px #bbb;
}

.pacto-social .panel-heading.color2
{
    background: #e6831a;   
}

.pacto-social .panel-heading.color3
{
    background: #d81274;  
}

.pacto-social .panel-heading.color4
{
    background: #5b2784;
}

.pacto-social .boton2
{
    background: #e6831a;
    color: white;
    font-size: 12pt;
    padding: 10px;
    font-weight: normal;
    margin-left: 10px;
    margin-right: 10px;
    box-shadow: 0px 0px 10px #ddd;
    margin-bottom: 20px;
}

.pacto-social .boton2.color1
{
    background: #7cb621;
}

.pacto-social .boton2.color2
{
    background: #119d4a;
}

.pacto-social .boton.color1
{
    background-color: #7cb621;
}

.pacto-social .boton.color2
{
    background-color: #d81274;
}

.pacto-social .contenedor-texto span.triangle{
    position: absolute;
    left: 210px;
    top: auto;
    margin-top: -50px;
}

.pacto-social .contenedor-texto span.triangle.color1{
    color: #7cb621;
}

.pacto-social .contenedor-texto span.triangle.color2{
    color: #d81274;
}

/* FIN PACTO SOCIAL EDUCACION */

/* ANIMACIONES */

@keyframes slowFadeIn {
    0% {opacity: 0; display: initial;}
    100% {opacity: 1}
}

@keyframes fastFadeOut {
    0% {opacity: 1}
    100% {opacity: 0; display: none;}
}

@keyframes zoomIn {
    0% {background-size: 100%}
    100% {background-size: 110%}
}

/* FIN ANIMACIONES */

@font-face {
    font-family: Muli;
    src: url(../fonts/Muli-Regular.ttf);
}
@font-face {
    font-family: MuliBold;
    src: url(../fonts/Muli-ExtraBold.ttf);
}
@font-face {
    font-family: Muli;
    src: url(../fonts/Muli-ExtraLight.ttf);
}

@media (min-width: 1600px)
{
    #slider-container
    {
        background-position-y: -300px;
    }
}

@media (max-width: 1600px)
{
    .main-items .item.height2 .image
    {
        height: 410px;
    }
    
    .main-items .item.height2:hover .image
    {
        height: 350px;
    }
    
    .main-items .item.height2
    {
   /*     height: 550px;*/
    }
}

@media (max-width: 1300px)
{
    #slider-container
    {
        background-position-y: 0px;
        height: 450px;
    }
    
    #slider-overlay
    {
        height: 450px;
    }
    
    #logo-container img.logo
    {
        position: relative;
        top: -45px;
    }
    
    .main-items .item.height2 .image
    {
        height: 350px;
    }
    
    .main-items .item.height2:hover .image
    {
        height: 250px;
    }
    
    .main-items .item.height2
    {
      /*  height: 450px;*/
    }
    
    .main-items span.glyphicon-triangle-bottom
    {
     top: 120px;
    }
}

@media (max-width: 1023px)
{
    .cont.marca
    {
        text-align: center;
    }
    
    .cont.marca .col-md-6
    {
        display: table;
        width: 100%;
    }
    
    .cont.marca .btn.ver-video
    {
        float: none;
        margin: auto;
    }
    
    .cont.marca img
    {
        max-width: 100%;
    }
    #slider-container
    {
        background-position-y: 0px;
        height: 350px;
    }
    
    #slider-overlay
    {
        height: 350px;
    }
    
    #logo-container img.logo
    {
        position: relative;
        top: -70px;
        width: 150px;
    }
    
    .titulo-marca .texto,
    .titulo-marca .video
    {
        display: block;
        width: 100%;
    }
    
    ul.nav li a{
            padding-right: 6px;
    padding-left: 6px;
    }
}


@media (max-width: 783px)
{
    #slider-container
    {
        background-size: cover !important;
    }
    .main-items .item.height2
    {
        height: 650px;
    }
    
    .main-items .item.height2 .image
    {
        height: 500px;
    }
    
    .main-items .item.height2:hover .image
    {
        height: 500px;
    }
    
    .main-items .item.height2 .content p
    {
        opacity: 1;
    }
}

@media (min-width: 768px)
{
    .navbar-collapse.collapse.mobile-only
    {
        display: none !important;
    }
}

@media (max-width: 767px)
{
    .navbar-collapse.collapse.in.mobile-only,
    .navbar-collapse.collapse.collapsing.mobile-only
    {
        display: block !important;
    }
}


@media (max-width: 600px)
{
    
    .main-items .item.height2 .image
    {
     /*   background-position-y: -200px !important;*/
    }
    
    .main-items .item .content
    {
     height: 100px !important;
    }
    
    .main-items .item .image
    {
     height: 200px !important;
    }
    
    .main-items .item
    {
     height: 300px !important;
    }
    
    .main-items span.triangle
    {
     display: none !important;
    }
    
    .main-items .item.noticias h4
    {
     top: 120px;
    }
}


#nav-mobile li .submenu-mobile
{
 display: none !important;
 line-height: 2;
}

#nav-mobile li.activo .submenu-mobile
{
 display: block !important;
}